Shop the look#

Tag several products in one image and let shoppers add the look to the cart.

Add this section#

Select Add section > Shop the look on the template you want to edit.

Settings#

The settings below follow the same order as the theme editor.

General settings#

• Image: Choose an image from your library. A person wearing the look. 1200 x 1500px recommended.

• Subheading: Enter the text to show.

• Heading: Enter the text to show.

• Text: Enter and format the text.

• Button label: Enter the text to show.

Layout#

• Image position: Choose Start or End.

• Image ratio: Choose Adapt to image, Portrait, or Square.

• Show product names on the image: Turn this on or off.

• Color scheme: Choose a color scheme from Theme settings > Colors.

Section padding#

• Top padding: Use the slider from 0 to 160 px.

• Bottom padding: Use the slider from 0 to 160 px.

Mobile layout#

• Image ratio: Choose Same as desktop, Portrait, or Square.

• Top padding: Use the slider from 0 to 120 px.

• Bottom padding: Use the slider from 0 to 120 px.

Blocks#

Product#

General settings#

• Product: Choose a product.

• Horizontal position: Use the slider from 0 to 100 %.

• Vertical position: Use the slider from 0 to 100 %.

Tips#

• Add your real content before fine-tuning spacing and colors.
• Check the section at both computer and phone widths. Use Mobile layout for the phone-specific choices.