Shop the look

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. 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. Container Blocks

2.1 The Media with text overlay block

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.

2.2 Product card block

This block has one child block that shows description text on the product card.