Shop the look

The Shop the look section allows you to create an interactive shopping experience by tagging specific products within a lifestyle image, helping customers visualize how items work together.

1. Product Configuration

Product list

Select the specific collection or group of products you want to feature in this section.

Image ratio

Control how product images are displayed within the cards. Use Adapt to image to maintain the original aspect ratio.

Product Details

Toggle Show vendor to display the brand name and Show border to add a subtle frame around each product card.

Text alignment

Choose between Left or Center alignment for the product titles and pricing information.

2. Visual Appearance

Color scheme

Apply a predefined color palette to the section background and text to ensure it blends seamlessly with your theme.

Section padding

Adjust the white space at the Top and Bottom for both Desktop and Mobile to give the section proper breathing room.

3. Media with text overlay

This block sets the background for your "Shop the look" section.

Adjust the slider to darken or lighten the background and choose Blur or Tilt to add interactivity when users hover over the media, making the text overlay more readable.

4. Product card

This represents the individual products tagged within the section.

Specific styling for these cards is managed globally via Theme Settings > Product Card.