# Lookbook

![image](https://docs-assets.foxecom.app/megamog-theme/image_cQo59gYN.png)

The **Lookbook** section helps you showcase multiple products and let customers interact with them. This 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 type="success">

Steps

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

</Hint>

## Section settings

### Section header settings

* **Show header divider** or not;
* Give your section a **Heading**, a **Subheading** and a **Description**, or simply leave them blank.
* Adjust the **Heading size** as H2/H3/H4/H5;
* Select the **Description style** as Body text/Subtext;

![image](https://docs-assets.foxecom.app/megamog-theme/image_2kgnWrup.png)

* Adjust the **Text alignment** : Left/Center
* Change the **Description style**: Body text/Subtext

![image](https://docs-assets.foxecom.app/megamog-theme/Screenshot_1_gYlGMGgL.png)

### Grid settings

Adjust the item gap for mobile view and desktop view.

![image](https://docs-assets.foxecom.app/megamog-theme/image_94Tfgotu.png)

## Block settings

### Lookbook as Item

![image](https://docs-assets.foxecom.app/megamog-theme/image_TJQrXHyl.png)

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

![image](https://docs-assets.foxecom.app/megamog-theme/image_AtiYgqrB.png)

To tag products on the item image, you must add the chosen products.&#x20;

Then, use the **offset top** and **offset left** to adjust the button. You can add up to 5 tagged products for one lookbook item (image).

![image](https://docs-assets.foxecom.app/megamog-theme/image_m6YGcKBO.png)

### Lookbook slider

Interactively showcase your highlighted products.

![image](https://docs-assets.foxecom.app/megamog-theme/ezgif.com-video-to-gif%20(2)_TUOmDYhJ.gif)

Similar to adding the [Lookbook's items](#lookbook-as-item), after adding an image to the block, select up to 5 products and adjust the corresponding buttons.

#### Heading settings

Give your slider a descriptive **Heading**, **Subheading**, and **Description** if needed.

You can adjust your **Heading text size** as H2/H3/H4/H5 and select your **Description style** as Body text/Subtext.

Select your preferred **Text alignment** (Left/Center/Right).

![image](https://docs-assets.foxecom.app/megamog-theme/image_77RfApwJ.png)

#### Image settings

**Select/Upload your image** for the Lookbook and select the **Button style** as Dark/Light.

![image](https://docs-assets.foxecom.app/megamog-theme/image_L5ZiTtHd.png)

Then, add the products to the Lookbook slider.

Use the **offset top** and **offset left** to adjust the button. You can add up to 5 tagged products to one lookbook slider.

![image](https://docs-assets.foxecom.app/megamog-theme/image_KAZdpqPn.png)

#### Slider settings

* Select the **number of columns** for the product slider (1 column/2 columns);
* Show the pagination and navigation or not.

![image](https://docs-assets.foxecom.app/megamog-theme/image_CwfuMSEQ.png)

#### Product card settings

Decide on the Product card's **Design layout**, **Image aspect ratio**, and **show the Product vendors** if needed.

![image](https://docs-assets.foxecom.app/megamog-theme/image_sJeBw3F1.png)