> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://essential-grid.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Create Lookbook in Shopify & HotSpot Product Tagging

### **Step 1: Install Essential Grid Gallery Lookbook App**

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/essential-grid-gallery-all-in-_lwxawl.png)


### **Step 2: Choose a Template or Create from Blank**

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/shopidevsapps-essential-grid-g_h1jlqo.png)


### **Step 3: Install a Lookbook Template**

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/screenshot24-1_1e283hi.png)


### **Step 4: Edit Images & Product Hotspots**

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/shopidevsapps-essential-grid-g_osli69.png)

### **Step 5: Replace the Image(s)**

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/shopidevsapps-essential-grid-g_1wk776b.png)


### **Step 6: Add Hotspot Tags to Images**

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/shopidevsapps-essential-grid-g_kickk9.png)


### **Step 7: Save & Publish the Gallery**

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/shopidevsapps-essential-grid-g_109kgmv.png)

### **Step 8: Save the App Block & Gallery ID on Theme Editor**

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/shopidevsapps-edit-horizon-sho_dradro.png)

### **Preview of the Shoppable Lookbook on Live Store**

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/shopidevsapps_jv6k4m.png)