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

# Lookbook

<div data-full-width="true"><figure><img src="/files/1OZ2q7N6tFYitFzBKwTz" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=minimog%2Bhelp%2Bcenter&#x26;utm_medium=banner&#x26;utm_campaign=foxaffiliatelaunch2024">Explore FoxEcom Affiliate Program now </a><span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

![](/files/cplnabpcv440wJB3Bd4F)

The lookbook helps you showcase multiple products and let customers interact with them. The lookbook is one of the amazing features that can boost your sales like a cross-selling art.

This article shows you how to create lookbooks on your own for a powerful and eye-catching store.

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Add section**
2. Locate **Lookbook**
3. **Save**
   {% endhint %}

## Section settings

Use the provided fields to add an eye-catching heading/subheading/description and adjust text alignment.

<figure><img src="/files/GJBhZPck0KbQry9ZJJOx" alt=""><figcaption></figcaption></figure>

Select the container type, background color, and image aspect ratio for the section.

<figure><img src="/files/02k8i9ZkIiGCycsyTAzP" alt=""><figcaption></figcaption></figure>

## Block settings

### Lookbook as Items

<figure><img src="/files/TJQrXHylCyZbN6EA0jtb" alt=""><figcaption></figcaption></figure>

Each item consists of a high-resolution image and tagged products. You can add your preferred image and select the icon color (Light/Dark).

![](/files/jSJAJapzBorVOU8FUnI3)

To tag products on the item image, you must add the chosen products. Then, use the offset top and left to adjust the annotation icon. You can add up to 5 products/annotation icons for one lookbook item (image).

![](/files/8hn7ZinuZf8z88Li7QSQ)

### Lookbook slider

Showcase your highlighted products in an interactive way.

<figure><img src="/files/TUOmDYhJvFrdiVrRDvOl" alt=""><figcaption></figcaption></figure>

Similar to adding the Lookbook's items, after adding an image to the block, select up to 5 products and adjust the corresponding annotation icons.

#### Slider settings

* **Columns**: display the product slider in one column or two.
* Show **pagination** and/or **navigation**: let customers easy to navigate between products in the slider.

#### Product card settings

Decide on the Product card's [**Design layout**](/minimog-theme/theme-settings/product-card.md#card-style), **Image aspect ratio**, and some add-ons.&#x20;

<figure><img src="/files/Uc7pN62GpGWx6zWTxlXu" alt=""><figcaption></figcaption></figure>
