Shop the look

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.

Last updated on November 23, 2025

Was this article helpful?

PREVIOUS

Countdown with products

NEXT

Email Signup

Powered by Support Genix