> For the complete documentation index, see [llms.txt](https://blueskytechcos-organization.gitbook.io/umino-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blueskytechcos-organization.gitbook.io/umino-shopify/theme-sections/shop-the-look.md).

# Shop the Look

Shop the Look is where a set of products mixed and matched together. This section allows merchants to showcase complete outfits or curated product combinations, encouraging customers to easily purchase entire looks with just a few clicks.

By creating visually appealing collections, merchants can leverage the "Shop the Look" section to influence customer buying decisions and enhance the overall aesthetic appeal of their online store.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/ZCfXA7Y2n3xg7uKKGUkW/Screenshot%202023-12-11%20002956.png" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Steps:

1. In the theme editor (**Customize**), click **Add section**
2. Locate and custom **Shop the Look**
   {% endhint %}

## Shop the Look settings

### 1. Lookbook settings

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/RmBecBfbmw7ee4YZWxt5/Screenshot%202023-12-11%20020353.png" alt=""><figcaption></figcaption></figure>

### Header

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.

Adjust the text alignment (left/center) along with the background color and container type.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/ijL8Uil4UhIFAxBLjxwI/image.png" alt=""><figcaption></figcaption></figure>

**Add focal point:** This feature helps you select the most important part of an image for your store. It ensures that the focal points of the image always remain visible, even if a section crops the image to fit the layout.

<div><figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FjYcM20dceNDbVusyWVpo%2FScreenshot%202023-12-19%20120220.png?alt=media&amp;token=471137ca-13eb-468e-b20a-8563a3699223" alt=""><figcaption></figcaption></figure> <figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2F72U7oFwfcp8dT2NaJxcs%2FScreenshot%202023-12-19%20140615.png?alt=media&amp;token=656cbb71-4fe3-4838-9160-6e24be350e41" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
Please follow this [link](https://help.shopify.com/en/manual/online-store/images/theme-images) for more information.
{% endhint %}

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/kn72T5nL7MefU0LYl3bB/image.png" alt=""><figcaption></figcaption></figure>

### Thumbnail

You can choose which image to show up as thumbnail and custom it in this setting.

* **Dots type**: custom button placed in specific points on thumbnail image
* **Aspect ratio**: adjust the ratio of the thumbnail image with the given choices
* **Custom ratio**: adjust the ratio of the thumbnail image as you want
* **Thumbnail position**: set the position of the thumbnail image relative to lookbook products

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/HgYK2SeejIwmvDTCYQun/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/a43rTHAqhsmvUMw8P0CU/image.png" alt=""><figcaption></figcaption></figure>

### 2. Lookbook items settings

Now you can choose the related products to sell.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/I7EnbXFTNd6Y6I9KH1KZ/Screenshot%202023-12-11%20011908.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/kS1jBimtdkyINtsGEIXo/image.png" alt=""><figcaption></figcaption></figure>