How to Import Gallery from Other Apps Through HTML Code
Step 1: **Visit the web page where you have the existing gallery.
**Step 2: Inspect the gallery, and you can see the HTML code looks like:
Step 3: Copy the HTML code from your gallery.
Hover over the gallery div to ensure you receive the correct HTML code.
Click on the right button on the gallery div.
HoFew readersHow to Create Lookbook in Shopify & HotSpot Product Tagging
Step 1: Install Essential Grid Gallery Lookbook App
Step 2: Choose a Template or Create from Blank
Step 3: Install a Lookbook Template
 will be displayed in a single row for each screen size.
This panel will display a collection of eight options, each one representing how many columns the grid should have at a particular viewport size:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/imageFew readersHow to Create a Shopify Lookbook Gallery from Scratch
Overview
This guide shows you how to create a shoppable lookbook gallery in Shopify using Essential Grid Gallery. You’ll learn how to add images, connect products with hotspots, customize the layout, and display the lookbook on your storefront.
Step 1: Open Essential Grid Gallery
In Shopify admin, go to Apps > Essential Grid Gallery.
Once the app dashboard opens, click Start from Scratch to create a new gallery.
![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1Few readersHow To Create A Lookbook Gallery With Essential Grid Gallery
A lookbook gallery helps showcase products in a visually appealing way by displaying lifestyle or promotional images with clickable product hotspots. In this guide, you’ll learn how to create a Shopify lookbook gallery using the Essential Grid Gallery app and customize it to match your store.
This guide explains how to create a lookbook-style gallery like the one shown in the video. The final result is a visual grid or masonry gallery where shoppers can click hotspot markers on images to view lFew readersCollage Settings
Collage
The Collage panel contains two options that help you configure grids using a Collage layout:
Let’s see what these two options do.
Note: This panel will only be visible if the Grid Layout option is set to Collage.
Even Layout on Device
Through this option you can determine if the cobbles layout should switch to an even layout under certain conditions. This can be usefulFew readersHow to Publish an Essential Grid Gallery on a Specific Shopify Page
Overview
This tutorial guides you through creating a custom Shopify page template to display an Essential Grid gallery on a single, specific page rather than across all pages. It is designed for Shopify merchants wanting to organize and isolate their grid layouts.
Steps
Step 1: Create a New Page Template
Navigate to the top bar drop-down menu in your Shopify editor and select Page.
![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_km31bj.Few readersHow to Create a Shoppable Video Gallery Using Essential Grid Gallery
Overview
This tutorial guides store owners through creating a shoppable video gallery by importing a template, linking store products, and embedding internal Shopify, YouTube, and Vimeo videos. It is designed to help boost store sales by showcasing products alongside engaging video content.
Prerequisites
Access to the Essential Grid Gallery dashboard.
A product collection created in Shopify containing the products you want to display.
A video uploaded to your Shopify admin files.Few readers Spacing Settings
Spacing
The Spacings panel has two options, Item Spacing and Gallery Margin, that between them allow you to control the spacing between your grid items and around your grid:
Item Spacing
The Item Spacing option controls the amount of space, in pixels, in between the items of your grid, both horizontally and vertically:
![](https://storage.crisp.chat/users/helpdesk/wFew readersTheme V1 Gallery Not Showing in Shopify? Update Your Essential Grid Embed Code
If you’re using the Essential Grid app on Shopify Store version 1, you may have published your gallery in the past using the old Gallery Embed code.
With the recent update, the embed code format has changed. This means that if you save an old gallery without updating the embed code, the gallery will no longer display on your storefront.
🔹 How to Fix the Issue
To make your gallery appear again, you will need to replace the old embed code with the new one in your page templFew readers