> ## 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 photo gallery from Templates



**Essential Grid Gallery** has a lot of depth. But that doesn’t stop it being quick and easy to use!


## Table of Contents

* Up and Running Fast!
* Video Version
* Create Gallery from Template
* Change Content Source
* Add Gallery to Page
* And You’re Done!
* What’s Next?


## Up and Running Fast!

In this tutorial you’re going to get your first gallery created and published in under 3 minutes.
There’s a lot of depth in **Essential Grid Gallery**, but before we get into any of that we want you to see just how quick and easy making grids can be.
Alright, let’s go!


## Create Grid from Template

Go to the **Essential Grid Gallery** app page from your Shopify store:

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

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


Click the **Use a Template** button:

![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_1vfxkhk.png =800x373)
There you can choose the gallery type you want to use or import.

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

The **Template Gallery** will appear, where you can select from dozens of plug and play grid designs:

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


Now we can see ready template named “Gym Portfolio” in the top row:
Hover over it and click the + button then the **Install** button to create a grid from this template:

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


Once the grid is imported and ready you’ll see a pop-up box to add the images to the gallery and.

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


Then save the grid by clicking the green save button at the top middle of the screen:

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



The grid gallery is now ready to go, we just need to add it to a Shopify page.
When the Ready grid gallery is in the dashboard, published gallery on Shopify store by following below:
**=>** Copy **Gallery ID**


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


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


**= >** Click on the **Publish **button.


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

After clicking the **Publish** button, you will see a new window as below: 

add section and select Apps tab from popup. After that select **Essential Grid Gallery** Block from Apps tab block


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

Paste **Gallery ID **on the **Essential Grid Gallery**  block


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


## And You’re Done!

That’s it, you’re all done!
Save your page and take a look at your beautiful new grid gallery: