Lookbook banner

General settings
Section width: Can choose among Default, Fluid Container, Stretch width, Full width for the section layout.
Color scheme: You are allowed to change text color, background color, etc. with preset color.
Height: Adjust the height of the section.

Image settings
Image: Select or upload an image for the banner.
Image width: Adjust the width of the image.

Content settings
Content width: Adjust the width of the content.
Use the provided text fields to add a suitable subheading/heading/description/first button label/second button label. Leave any of them blank if you do not want to display them.
Button link: Paste the link (URL) that will be redirected when clicked. You can paste the link directly or find the link in the list (product, collection, page, blog…).
Type: Choose a display style for the button: - Primary – The button stands out, the main color of the brand - Outline – The border, softer - Link – Display as a link, no background, no frame

Vertical alignment: Adjust the vertical alignment of content to position it at the top, center, or bottom within its container.
Font-size: Adjust text size.
Font-weight: Choose the appropriate boldness for each type of content.
Uppercase: Convert all letters to uppercase.
Spacing bottom: Create space under each block.
Hotspot style: Select hotspot display style
Action when click on hotspot: Choose how to display when clicking on hotspot - Open popup: Show summary product information next to hotspot. - Go to product detail page: Open a new page displaying product details.

Information settings
Use the text fields provided to add a heading/description. Leave any fields blank if you do not want them to be displayed. Leave both blank if you don't want the hotspot to display. Maximum 3 products displayed at the same time.
Offset top: Adjust the top position of the hotspot in the section.
Offset left: Adjust the left position of the hotspot in the section

Section padding
Section padding: Allows you to specify the space between this section and the preceding or following sections, or both.

Last updated