# Shop the look

### Configure shop the look

Select the customize theme option. Click on the dropdown menu at the top to select the **Home page template.**

From the left side menu, select **Shop the look.**

Customize the section by utilizing the settings on the right side of the theme editor, as described below:

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>Section visibility</td><td>Select from the options to select the visibility of this section:<br>-Always<br>-Small devices(On selecting this, the section will be visible on mobile devices only.)<br>-Large devices</td></tr><tr><td>Color scheme</td><td>Select any color scheme defined in the theme settings>Colors>Schemes.</td></tr><tr><td>Section background</td><td>Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme.</td></tr><tr><td>Desktop image</td><td>Choose any image from the store library, for the desktop view.</td></tr><tr><td>Mobile image</td><td>Choose any image from the store library, for the mobile view.</td></tr><tr><td>Hotspot colors</td><td><strong>Dot</strong><br>Select any color for the hotspot borders.<br><br><strong>Active dot</strong><br>Select any color for the hotspot active border.</td></tr><tr><td>Section spacing</td><td><p><strong>Desktop top space</strong></p><p>Adjust the range bar to add spacing at the top of the section for desktop view.  <br> </p><p><strong>Desktop bottom space</strong></p><p>Adjust the range bar to add spacing at the bottom of the section for desktop view. </p><p> </p><p><strong>Mobile top space</strong></p><p>Adjust the range bar to add spacing at the top of the section for mobile view. </p><p> </p><p><strong>Mobile bottom space</strong><br>Adjust the range bar to add spacing at the bottom of the section for mobile view. </p></td></tr></tbody></table>

### Block settings: Products list

<table data-header-hidden><thead><tr><th width="282"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Products list</td><td>Choose the products to show on the click of hotspot.</td><td></td></tr><tr><td>Heading</td><td>Enter the text to show the heading.</td><td></td></tr><tr><td>Description</td><td>Enter the text to show the description.</td><td></td></tr><tr><td>Hotspot position (desktop)</td><td><p><strong>Horizontal</strong> </p><p>Adjust the range bar to set horizontal position. </p><p> </p><p><strong>Vertical</strong></p><p>Adjust the range bar to set vertical position. </p></td><td></td></tr><tr><td>Hotspot position (mobile)</td><td><p><strong>Horizontal</strong> </p><p>Adjust the range bar to set horizontal position. </p><p> </p><p><strong>Vertical</strong></p><p>Adjust the range bar to set vertical position. </p></td><td></td></tr></tbody></table>

### Block settings: Image with text

<table><thead><tr><th width="289"></th><th></th></tr></thead><tbody><tr><td>Image</td><td>Choose any image from the store library.</td></tr><tr><td>Shopify hosted video</td><td>Choose any video from the store library.</td></tr><tr><td>Heading</td><td>Enter the text to show the heading.</td></tr><tr><td>Description</td><td>Enter the text to show the description.</td></tr><tr><td>Hotspot position (desktop)</td><td><p><strong>Horizontal</strong> </p><p>Adjust the range bar to set horizontal position. </p><p> </p><p><strong>Vertical</strong></p><p>Adjust the range bar to set vertical position. </p></td></tr><tr><td>Hotspot position (mobile)</td><td><p><strong>Horizontal</strong> </p><p>Adjust the range bar to set horizontal position. </p><p> </p><p><strong>Vertical</strong></p><p>Adjust the range bar to set vertical position. </p></td></tr></tbody></table>

### Block settings: Collection with text

<table><thead><tr><th width="296"></th><th></th></tr></thead><tbody><tr><td>Collections</td><td>Choose collections to display in the drawer.</td></tr><tr><td>Heading</td><td>Enter the text to show the heading.</td></tr><tr><td>Description</td><td>Enter the text to show the description.</td></tr><tr><td>Hotspot position (desktop)</td><td><p><strong>Horizontal</strong> </p><p>Adjust the range bar to set horizontal position. </p><p> </p><p><strong>Vertical</strong></p><p>Adjust the range bar to set vertical position. </p></td></tr><tr><td>Hotspot position (mobile)</td><td><p><strong>Horizontal</strong> </p><p>Adjust the range bar to set horizontal position. </p><p> </p><p><strong>Vertical</strong></p><p>Adjust the range bar to set vertical position. </p></td></tr></tbody></table>