Lookbook carousel

An interactive lookbook carousel that showcases images with shoppable products, allowing customers to explore and purchase items directly from each slide.

How to add a Lookbook carousel section to your Shopify store

1. In the theme editor (Customize), click Add section.

2. Select Lookbook carousel section.

3. Make necessary changes.

4. Save.

How to customize a Lookbook carousel section

Section settings

Setting	Description
Container	Choose the layout width of the section (full width or fixed width).
Height	Set the height of the carousel.
Content position (Full width only)	Control whether the content appears inside or outside the carousel image.
Corner radius	Adjust the roundness of the carousel corners.
Auto-rotate content	Enable automatic sliding between carousel items.

Full width - Inside

Full width - Outside

Fixed width

Carousel height options

Option	Height
Adapt to image	100% (image height)
Small	57rem (570px)
Medium	66rem (660px)
Large	75rem (750px)

Adapt to image

Small

Medium

Large

Check out other Lookbook carousel section settings: Common settings available in most sections

Block settings

Lookbook

Setting	Description
Image	Upload the main image displayed in the lookbook slide.
Image mobile	Upload a separate image optimized for mobile devices.
Media overlay	Enable an overlay layer to improve text readability on the image.
Products	Select and display products that can be shopped directly from the slide.
Aspect ratio	Choose the product image aspect ratio.
Heading	Add a title or text displayed on top of the image.
Heading preset	Select the heading style (e.g., Heading 1, 2) based on theme typography.