> ## 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 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.png =450x404)

* Click on **Create template**.

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

* Assign a name to your new template for the front-end area (e.g., for your Gallery page).

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

**Note:** Do not use the default template, as adding the grid gallery to the default template will risk displaying the grid across all pages.
### Step 2: Add the Essential Grid Gallery Component
* Go to the **Add section** menu.
* Type "Essential Grid Gallery" into the search and select the **App** tab.
* Select **Essential Grid Gallery** from the options.

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_2vswwg.png =850x427)
### Step 3: Configure the Grid ID
* Locate the ID number field for the grid.
* If you only have one grid created, this ID number is automatically added. If you have created multiple grids, manually paste the specific ID of the grid you want to display.
* The grid preview should now appear on the page.

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

### Step 4: Assign and Save the Template in the Shopify Backend
* Go to your Shopify backend.
* Select your designated Gallery page.
* On the right-hand side, open the page template drop-down menu and select your newly created custom template.
* Click **Save**.

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

### Step 5: Verify the Live Preview
* Open the live preview of your store.
* Check your front-end gallery page to verify that the gallery displays correctly.
* Check your other store pages to confirm that the gallery is hidden from them, keeping the rest of your site organized.