> ## 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).

# Create a Dynamic Blog Gallery with Essential Grid Gallery

## Overview
This tutorial guides Shopify store owners through the process of creating and publishing a dynamic blog post gallery using the Essential Grid Gallery app. It covers how to import a pre-made template, link your Shopify blog content, customize the layout by removing filter tabs, and embed the final gallery onto a live page.

## Steps
### Step 1: Initialize a Grid Template
* Open the Essential Grid Gallery dashboard.
* Click the **Use a Template** button.

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

* Select **Photo Gallery t**hen **Blog Post** from the left-hand menu.
* Click on your preferred blog template from the available choices.
* Click **Install Grid and Go** to open the imported grid gallery.

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

### Step 2: Link Your Shopify Blog Source
*Note: The template is dynamic and will not display images or content until a source is connected.*
1. Navigate to the **Source** tab.
2. Check your Shopify admin to identify the exact name of the blog category you want to display.
3. Select that specific Blog Name within the app settings.
4. Click save.


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


### Step 3: Remove the Filter Tab (Optional Layout Customization)
1. Scroll up to the top of the interface and navigate to the **Nav Filter Sort** tab.
2. Remove the filter option from the visible area by dragging and dropping it away.
3. Click the **Save Gallery** button to apply and save your updated configuration.


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



### Step 4: Copy the Gallery ID
1. Navigate to the **Naming** tab.
2. Copy the unique **Gallery ID**. Each new gallery generated by the app contains its own unique identifier.


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



### Step 5: Publish the Gallery to Your Shopify Theme
1. Head over to the Shopify dashboard and open the theme customization editor.
2. Click on **Add Block**.
3. Select the **App** tab and choose **Essential Grid Gallery**.
4. If you have created multiple grids, paste the specific Gallery ID you copied in Step 4 into the designated ID field (if you only have one grid, the ID number may add itself automatically).
5. Click **Save** inside the theme editor to deploy the blog gallery to your live page.


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



## Key Takeaways
* **Dynamic Content:** The Essential Grid Gallery relies on dynamic sourcing, meaning it automatically populates layout templates using live blog content pulled directly from specified Shopify blog categories.
* **Unique Identifiers:** Every grid created receives a distinct Gallery ID, which is required to route and display that specific layout inside the Shopify theme customizer.
* **Interactive Navigation:** Once published on a live page, clicking an item in the gallery redirects visitors straight to that individual blog post's page.