Lookbook

The Lookbook section under the Products chapter is designed to create a visually appealing, curated display of products or collections.

Its main goal is to combine images, product details, and interactive elements to provide an engaging shopping experience. Merchants can use Lookbook to highlight featured collections, seasonal picks, or promotional items while giving users a smooth browsing experience.

Overall, the Lookbook section is a powerful, flexible tool for presenting collections in a stylish and engaging way, while giving merchants fine control over layout, styling, and interactivity.

Location: Sections -> Templates -> Products: Lookbook

---

Lookbook – Options Overview

Option Group / Subtitle	Options and Explanation
Heading	Subheading – Text displayed below the main heading for additional context.Heading – Main title text of the Lookbook section.Description – Text block describing the Lookbook or providing additional info.Heading alignment – Aligns the heading text. Options: Left, Center.
Layout	Top spacing – Sets spacing above the Lookbook section. Options: None, Small, Medium, Normal.Width – Sets the section width. Options: Default, Boxed, Wide, Fullwidth. Wide works for screens ≥1440px.Height – Determines section height. Options: Auto, Fixed.Height mobile – Height for mobile devices. Options: Auto, Landscape (4:3).
Image	Image – Upload or select the main Lookbook image.Image mobile – Upload or select a separate image for mobile display.
Bullet product	Image ratio – Sets the product image aspect ratio. Options: Auto, Portrait (3:4), Landscape (4:3), Square (1:1), Round (1:1), Social story (9:16), Widescreen (16:9).Show vendor – Toggles display of the product vendor/brand.Show price – Displays product price.Enable review stars – Shows review star ratings on product cards.Truncate product name – Shortens long product names to fit the layout.Underline on hover – Adds underline effect to product names on hover.
Slider with products	Enable slider with products – Activates slider functionality for the product grid.Desktop navigation – Navigation controls for desktop: Disable, Dots, Arrows, Dots and arrows.Mobile navigation – Navigation controls for mobile: Disable, Dots.Image hover effect – Defines effect when hovering over product images: Basic theme settings, Disable, Zoom in #1, Zoom in and rotate, Zoom in #2, Zoom out #1, Zoom out #2, SlideShine.Basic theme settings – Uses the default theme image hover settings.Image ratio – Aspect ratio of product images in slider: Auto, Portrait (3:4), Landscape (4:3), Square (1:1), Round (1:1), Social story (9:16), Widescreen (16:9).Image action – Determines image behavior: Only image, Show second image on hover, Gallery Show second image on hover.Text align – Aligns product text: Left, Center.Show badge "Sale" – Displays a sale badge on products.Show badge "Sold Out" – Displays a sold-out badge on products.Show badge "Feature" – Displays a featured badge on products.Show "Countdown" – Shows a countdown timer for limited offers.Underline on hover – Adds underline effect to product names on hover.Show vendor – Displays the product vendor/brand.Show price – Displays product price.Truncate product name – Shortens long product names.Button "Add to cart" – Toggles display of the add-to-cart button: Hide, Show.Enable review stars – Shows review star ratings on product cards.
Dividing line	Show – Toggles visibility of a dividing line.Background – Sets the section background: Hide, Color, Gradient, Image.
Colors	Base – Sets the main color for base elements.Accent – Sets highlight color.Lines – Sets color for divider lines.
Bullets	Background – Sets background color for product bullets.
Bullets card	Background – Background color for bullet card.Vendor – Vendor text color on bullet cards.Vendor hover – Vendor text color on hover.Product name – Product name color on bullet cards.Product name hover – Product name color on hover.Regular Price – Regular price color.Sale Price – Sale price color.Old price – Original price color.Close button – Close button color/style.Works on mobile devices – Enables bullet cards on mobile.Stars active – Active review star color.Stars base – Inactive review star color.
Product card color	Background – Background color of product cards.Vendor – Vendor text color.Vendor hover – Vendor text color on hover.Product name – Product name color.Product name hover – Product name color on hover.Regular Price – Regular price color.Sale Price – Sale price color.Old price – Original price color.
Interface buttons	Product card slider buttons – Enables slider navigation buttons on product cards.Interface button background – Background color for slider buttons.Interface button icon – Icon color for slider buttons.Interface button background hover – Background color on hover.Interface button icon hover – Icon color on hover.Stars active – Active review star color.Stars base – Inactive review star color.
Product card "add to cart" button	Show background – Toggles background visibility for the button.Background – Sets background color.Background gradient – Gradient background.Border – Sets border color.Text – Text color.Icon – Icon color.Show background on hover – Enables background change on hover.Background hover – Background color on hover.Background gradient hover – Gradient on hover.Border hover – Border color on hover.Text hover – Text color on hover.Icon hover – Icon color on hover.Enable shadow – Enables drop shadow.Shadow – Default shadow.Shadow hover – Shadow on hover.
Media button	Slider arrows – Displays arrows for media slider.Slider dots – Displays dots for media slider.