Articles on: Photo/Portfolio

How to Create an Album Gallery in Essential Grid Gallery

This guide walks you through the complete process of adding images to your Essential Grid Gallery on your Shopify store — from choosing a template to displaying your gallery on your storefront.





From your Shopify Admin dashboard, locate Essential Grid Gallery in the left-hand sidebar under your installed apps, and click to open it.



Step 2: Go to "Use a Template"


On the Essential Grid Gallery dashboard, click the Use a Template button to start building your gallery from a pre-made layout.




Browse the available template categories and select Photo Gallery as your template type.



Step 4: Choose a Template and Install It


Preview the available Photo Gallery templates, pick the one that best fits your store's style, and click Install to apply it.





After installing the template, you'll be prompted to add images. Select the images you'd like to include in your gallery from Shopify's media library.


[!TIP]
You can select multiple images at once while clicking.



Step 6: Confirm by Clicking "Choose Image"


Once you've selected all the images you want, click the Choose Image button at the bottom of the picker to confirm your selection.





Step 7: Edit an Element


To customize individual gallery items, hover over a gallery element and click to open the Edit panel.




Step 8: Go to the "Album" Tab


In the element editor, switch to the Album tab to manage which images appear in this particular album or group.



Step 9: Choose Images


Click the Choose Images button within the Album tab to open the image selector.



Step 10: Choose Images and Confirm


Select the images you want in this album, then click Confirm (or Choose Image) to save your selection.



Step 11: Click "Update & Refresh"


After adding your images, click the Update & Refresh button to apply your changes and preview the updated gallery layout.




Click the Save button (at the top of the editor) to save all changes you've made to the gallery configuration.





Back on the gallery dashboard, locate your gallery's Gallery ID (e.g., 1). Copy this ID — you'll need it in the next steps to connect the gallery to your theme.


[!IMPORTANT]
Make note of the Gallery ID number. You will need to paste it into the Theme Editor in the following steps.



Step 14: Open the Shopify Theme Editor and Click "Add Section"


Navigate to your Shopify Theme Editor (Online Store → Themes → Customize). In the left-hand panel, click the Add section button to insert a new section into your page layout.



Step 15: Click on "Apps"


In the section picker that appears, click the Apps tab to view sections provided by your installed apps.




From the list of available app sections, click Essential Grid Gallery to add it to your page.




In the Essential Grid Gallery section settings (left panel), locate the Gallery Id field and paste or type the Gallery ID you copied in Step 13.



Step 18: Save Your Theme


Click the Save button in the top-right corner of the Theme Editor to publish your changes.




Step 19: Preview Your Storefront


Visit your live storefront to see the Essential Grid Gallery in action. Your selected images should now appear in the gallery layout you chose.



Step 20: Open an Album


Click on any image or album cover in the gallery to open the album view and see the full collection of images.



Step 21: Navigate Back


Click the Back button to return to the main gallery view from inside an album.



Troubleshooting


Issue

Solution

Gallery not appearing on storefront

Make sure you entered the correct Gallery ID in the Theme Editor and clicked Save.

Images not loading

Verify that your images are properly uploaded in Shopify Admin → Settings → Files.

Wrong images showing

Go back to the Essential Grid Gallery app dashboard, edit the gallery, and update the image selection.

Gallery layout looks broken

Try clicking Update & Refresh in the gallery editor, then Save again.



Need Help?


If you run into any issues, please contact our support team and include:

  • Your store URL
  • The Gallery ID you're using
  • A screenshot of any error you see


Updated on: 23/08/2026