> ## 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 a Image Gallery from Scratch

## Make a Gallery from Selected Shopify Store Images

A hand-picked image grid allows you to manually select and display specific images in a custom gallery layout. This is ideal for showcasing product collections, portfolios, lookbooks, brand stories, or promotional content. In this guide, you’ll learn how to create and publish a hand-picked image grid using Essential Grid Gallery.


## Table of Contents

* Using Static Source
*  Add Images
* Save & Publish Your Grid


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


## Using Static Source & Add Images

Switch into the **Source** tab, and this time set the Content Source to **Static**:


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



In the **Editor / Preview**, under there the **Add Gallery Item** sub-section is there:
Click the **Add Image(s)** button:


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



The Shopify Store images library (Content-> Files) will open up. click each of the images you’d like to add to the grid, then click the **Choose Images** button at the bottom right corner: button at the bottom right corner:


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



Your selection of images will be added into the grid, and it’s now ready to publish.

## Save & Publish Your Grid

Just as we did in the last two tutorials, save the grid, go to  Shopify theme customize, add an **Essential Grid** block to it and select the grid id:
Using the **Custom Grid** content type allows you to fill up a grid with a mix of just about any type of content you like. In this case we’re going to use it to showcase a selection of images chosen from the Shopify Store images (Content > Files).
Your selection of images will be added into the grid, and it’s now ready to publish.


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