# Lookbook

<div data-full-width="true"><figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Fa5w6LQkUFhLWSt58jhjP%2FHelp%20Center%20banner%20%201250%20x%20200-2.png?alt=media&#x26;token=ab0daf12-b917-4435-a603-9a3f6613f853" 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>

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FnUASXrwi2iXKuBcn20cK%2Fimage%20\(1\).png?alt=media\&token=deecd7f6-4c27-4076-8272-7ec81720b5de)

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="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FPGVSHdCsQDCeNFEgMLwb%2Fimage.png?alt=media&#x26;token=9bac57e3-88d8-44b0-aa8f-9f3b199e7dbc" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FffTjeSVgFPP1V14Mn4IB%2Fimage.png?alt=media&#x26;token=72865cb0-9a2f-46de-8604-932ae347e466" alt=""><figcaption></figcaption></figure>

## Block settings

### Lookbook as Items

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FAv4nTwBd5B9U7OioGPWf%2Fimage.png?alt=media&#x26;token=1a707ac3-4bac-4534-a559-d895362d0c07" 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).

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FgJkL5VhsrhpMe5q6vw4T%2FScreen%20Shot%202021-10-12%20at%2021.30.32.png?alt=media\&token=9a90b7f8-ac17-48f9-bb50-724dcfdf57b5)

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).

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F2TPD8fw61bR4DL3JprxS%2FScreen%20Shot%202021-10-12%20at%2021.30.39.png?alt=media\&token=74d7780d-351f-4e03-8ee7-8722a67c23bb)

### Lookbook slider

Showcase your highlighted products in an interactive way.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FP4RFHLTdFfRFd7DGsEEe%2Fezgif.com-video-to-gif%20(2).gif?alt=media&#x26;token=74ed4a32-88b4-4dbc-8555-c3ea951e04ef" 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**](https://docs.foxecom.com/minimog-theme/theme-settings/product-card#card-style), **Image aspect ratio**, and some add-ons.&#x20;

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FAbgBCGpiFUsSzmzZFl5m%2Fimage.png?alt=media&#x26;token=0147f532-d5a7-4de8-9d4a-1ad27cd527e4" alt=""><figcaption></figcaption></figure>


---

# 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://docs.foxecom.com/minimog-theme/theme-sections/lookbook.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.
