# Shop the look

### Setup

The hardest part about a shop the look section is finding an image that wil work on both desktop and mobile. For this reason we included the option to upload two images and have two sets of "hotspot" dots. 

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2F92lzNW29VE1YK8AfeRoj%2FCleanShot%202024-09-11%20at%2018.26.14%402x.jpg?alt=media&#x26;token=c224d017-dffa-4d10-8f9d-0911c3a6d371" alt=""><figcaption><p>If you choose to use a separate image or a different crop of the same image, you'll need to check the box to enable this feature and upload a second image. </p></figcaption></figure>

If you use a separate mobile image, make sure to set the dot position for both the desktop and mobile image. If you don't have a mobile image, the dot sliders for the mobile image no longer have any effect on the section.&#x20;

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FIstLGncsJNBjAvPxjqqD%2FCleanShot%202024-09-11%20at%2018.23.46%402x.png?alt=media&#x26;token=61b68503-12c6-46e7-af04-c73862010e27" alt=""><figcaption><p>I recommend placing the dot in a position where it's unlikely to be underneath the product card.</p></figcaption></figure>

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FsgkDfYVThQ3GPkgOjHTn%2FCleanShot%202024-09-11%20at%2018.23.19%402x.png?alt=media&#x26;token=76c8b8ad-fc86-49e9-9a91-a387a68d464b" alt=""><figcaption><p>If you use a separate mobile image, make sure to set the dot position for both the desktop and mobile image. If you don't have a mobile image, the dot sliders for the mobile image no longer have any effect on the section. </p></figcaption></figure>

Mobile cards will open in a popup drawer.

####