# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://shinedezign.gitbook.io/king/overview/shop-the-look.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.