The Shop The Look section allows you to showcase a complete look or product collection by combining media, text content, and related product cards.
You can display lifestyle images with product information to help customers discover and purchase featured items directly.
1. Shop the look Section settings
Click the section name to see section settings on the right-hand sidebar.
1.1. Product List
The Product List setting allows you to select products displayed in the Shop The Look product card.
You can:
Add multiple products to showcase a complete look.
Change selected products anytime by clicking Change.
1.2 Product Card
The Product Card settings control how the selected products are displayed.
Image Ratio: change the size of the product images in the product list
Vendor: Enable or disable displaying the product vendor name on the product card.
Highlights: Enable or disable product highlight information displayed on the product card.
Style: Choose the product card display style.
1.3 Appearance
Color Scheme: Select the color style applied to the section.
1.4 Section padding
Use these settings to adjust the section spacing and maintain a balanced layout across different screen sizes.
2. The Media with text overlay block settings
It allows you to add a main image/video with overlay content such as a heading, description, and button. You can click Add block under Shop The Look to add this block.
You can add and customize the following child blocks:
Heading
Text
Button
Child blocks can be reordered by dragging and dropping them in the Theme Editor.
Note: Child blocks must be added under the Media with text overlay container.
3. Product card block
This block has one child block that shows description text on the product card.
