View Categories

Shop the look

2 min read

The appearance of the “Shop the look” #
SettingsDescription
Page content widthFull-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.

#

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.
Background 1This is the bullet-animated background color.
Background 2 gradientThis is the bullet-gradient background color.

Section padding #

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.

#

Powered by BetterDocs

Leave a Reply

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