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

# Lookbook Shop

This section allows you to create stunning shoppable image gallery which you can add on home or inner pages. You need to add images and tag products on images as hotspots.

<div align="left"><figure><img src="https://1708375644-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrsFZ0qmgr873lDxCKvMZ%2Fuploads%2FYHw9Vji0S9JGwp7brypt%2Flookbook-shop.gif?alt=media&amp;token=78046152-1271-4cc3-9645-fa5e1be516e4" alt=""><figcaption><p>preview style</p></figcaption></figure></div>

This section use masonry grid for gallery so Images size are flexible.

{% hint style="success" %}
Follow given steps to add this section:

* In the theme editor, click **Add section**

* Search **Lookbook Shop**

* Click to add section and click **Save**
  {% endhint %}

* Click on Add Logo lookbook to add more image and pin products.

* Click on section to manage style.

* **Block & Section Settings.**

{% embed url="<https://youtu.be/buLE0SHqseI>" %}