> ## 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 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. --- ## Part 1 — Create & Configure Your Gallery ### Step 1: Open the Essential Grid Gallery App 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. --- ### Step 3: Choose "Photo Gallery" 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_1vwmkzp.png) --- ### Step 5: Choose the Images for the Gallery 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_1c6gjey.png =700x422) --- ## Part 2 — Edit & Customize Your Gallery ### Step 7: Edit an Element To customize individual gallery items, hover over a gallery element and click to open the **Edit** panel. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_qmj06g.png =700x362) --- ### 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/1/e/1/f1e1cc0327ff9000/image_p9xicr.png =700x490) --- ### Step 11: Click "Update & Refresh" After adding your images, click the **Update & Refresh** button to apply your changes and preview the updated gallery layout. --- ### Step 12: Save Your Gallery Click the **Save** button (at the top of the editor) to save all changes you've made to the gallery configuration. --- ## Part 3 — Add Your Gallery to Your Storefront ### Step 13: Copy the Gallery ID 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. --- ### Step 16: Select "Essential Grid Gallery" From the list of available app sections, click **Essential Grid Gallery** to add it to your page. --- ### Step 17: Enter the Gallery ID 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. --- ## Part 4 — Preview Your Gallery ### 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 ---