How to Create a Hand-Picked Image Grid

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.

Using Custom Grid Content
Video Version
Change Source & Add Images
Save & Publish Your Grid

Using Custom Grid Content

In the last two tutorials we saw how to use two of Essential Grid’s three content types. We learned to create a video showcase in under 3 minutes using the Stream content type, and how to show off your products using the Products content type.
In this tutorial we’ll see how to use the third content type, Custom Grid, to create a gallery of hand-picked Shopify Store images (Content > Files).
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).
Below, you’ll find both video and written versions of this tutorial so you can choose your preferred format.
Note: If you don’t already have some nice images uploaded to your Content > Files, you might like to add some before moving on.

Create & Edit Grid

Let’s head to the Essential Grid app dashboard again and create a grid from a template:

This time we’re going to choose the Fashion Outfit template, currently on the 1st row in the gallery:

Choose the images for the gallery:

Change Source & Add Images

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

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

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:

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.