Shop the look

The Shop the Look section allows you to showcase an inspirational image with clickable product hotspots. Customers can explore and purchase featured items directly from the image. This interactive section enhances product discovery and helps create curated looks for fashion, home decor, or beauty collections.

How to add shop the look section

Quick Start Guide

‍

Access the Theme Editor: Navigate to `Online Store > Themes > Customize`.
Add a Section: Click on `Add section` and select the desired section from the list of available sections.
Customize Your Section: Adjust the settings such as display type, alignment, and visibility according to your preferences.
‍

If you need a more detailed, step-by-step guide on accessing the theme editor, adding sections and blocks, refer to our Setting up theme sections and blocks article.

General section settings

Within this section, you'll find common settings like containers, visibility options, and color settings that are consistent across all sections. For more detailed information on these shared settings, please refer to the Common settings between all sections article.

Section Settings
‍

Image on Desktop: Upload an image for desktop display.
Image on Mobile: Upload an image for mobile display.
Image Ratio: Choose the aspect ratio for the image (Adapt, Square, Portrait, Landscape).
Overlay Opacity: Adjust the transparency of the image overlay (0-100%).

Layout Settings

Image Position on Desktop: Select whether the image appears on the left or right side.

Color Settings

Color Scheme: Choose a color scheme for the section.
Hotspot Card Color Scheme: Select the color scheme for product hotspots.

Block Settings

Product

Product Selection: Choose a product to link in the hotspot.
Hotspot Horizontal Position (Desktop): Adjust the horizontal placement of the product hotspot (5-95%).
Hotspot Vertical Position (Desktop): Adjust the vertical placement of the product hotspot (5-95%).
Hotspot Horizontal Position (Mobile): Adjust the horizontal placement on mobile (5-95%).
Hotspot Vertical Position (Mobile): Adjust the vertical placement on mobile (5-95%).‍
Hotspot Color: Set the color of the hotspot indicator.

Can't find what you're looking for?

Our support staff are here to answer your queries, so don't hesitate to write to us!