View Categories

Shop the look

3 min read

The appearance of the “Shop the look” #
SettingsDescription
Page content widthFixed width (default): This section will display in the default container. (You also change the default layout page width from “Theme Settings“)
Full width: This section will be displayed full width in the browser.
ImageThis is the main image of the lookbook.
Image heightAdapt to image: Uses the aspect ratio of the collection images is cropped.
Small: This is the smallest height of the lookbook image. Desktop height: 314px, Mobile height: 194px
Medium: This is the medium height of the lookbook image. Desktop height: 500px, Mobile height: 300px
Large: This is the maximum height of the lookbook image. Desktop height: 695px, Mobile height: 435px
Make section full widthYou can display images and content full width in a section container.
Round cornerEnable rounded corners for the banner image. Small, Medium, Large
HeadingRichText: This is the heading for the lookbook section. Learn more about RichText Editor
Heading sizeLarge: This is the large text size of the section heading. Desktop size: 50px, Mobile Size: 30px
Medium (Default): This is the medium text size of the section heading. Desktop size: 40px, Mobile Size: 28px
Small: This is the medium text size of the section heading. Desktop size: 32px, Mobile Size: 25px
ContentThis is the text for the lookbook section.
Button labelThis is a button for a single slide. Leave the label blank to hide the button.
Button linkThis is a link for the button.
Button typePrimary: Use a solid background button style
Secondary:
 Use outline button style
Button sizeYou can change the button size by following the options (Large, Medium, Small)
Desktop content positionYou can change position by following the options.
– Top
– Middle
– Bottom

NOTE: Position is automatically optimized for mobile.
Round cornerIf you enable it, the section corners will be rounded.
Color schemeThis is a color scheme option to change the color of the section

Section padding settings #

SettingsDescription
Desktop: Padding topThe section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.
Desktop: Padding bottomThe section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.
Mobile: Padding topThe section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the mobile.
Mobile: Padding bottomThe section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. It will affect the desktop.

Look block Settings #

SettingsDescription
ProductThe product that you want to display.
Enable quick shopInstead of redirecting customers to the product details page, this option displays a popup with all of the important product details.
Horizontal positionProvides a measurement for the space between the bullet and the image’s left edge.
Vertical positionProvides a measurement for the space between the bullet and the image’s top edge.
Enable quick shopTrue/False
Use custom color for hotspotThis is the bullet-gradient background color.

Powered by BetterDocs

Leave a Reply

Your email address will not be published. Required fields are marked *