> 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 A guide to set up Lookbook to connect media and products in one section

![](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.

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

## Block settings ### Lookbook as Items

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.

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.