For stores using a Shopify Online Store 2.0 theme (inc. Dawn), galleries can be embedded on all pages as sections or blocks. There is no longer any need of editing the code files.

This tutorial will show you how to add a gallery as a section, and how to add a title & description to your gallery.

1. Create the Cevoid gallery section or block

  1. In the Shopify admin panel, Navigate to Online store and click Customize on your theme

  2. In the dropdown menu, chose the page you want to add your gallery to

  3. Click Add section

  4. Under Apps, click Cevoid gallery

2. Add your gallery to the section

  1. Click Show my galleries, view all your galleries in the Cevoid platform

  2. Click the gallery you want to embed

  3. Click Copy Gallery ID

  4. Go back to the Shopify theme editor

  5. Paste your Gallery ID

  6. Press Save

3. Add a title and description to your gallery

In the Cevoid gallery section you have several options for using title and paragraph

  • Show text - Uncheck this one if you don't to show any text at all

  • Title - Add a title to your gallery

  • Title color - Change the color of your title (color picker and HEX available)

  • Title size - Change the size of your title

  • Paragraph - Add a description to your gallery. If this field is left empty, no paragraph is shown.

  • Paragraph color - Change the color of your paragraph (color picker and HEX available)

  • Paragraph size - Change the size of your paragraph

  • Text alignment - Choose how you want to align your Title and paragraph (left/center/right)

  • Margin between text and gallery - Change the distance between the text and the gallery itself.

  • Press Save

4. (optional) Make gallery go edge to edge instead of within the theme margins

  1. In the sections view, click Apps, above your Cevoid gallery section

  2. Uncheck the option "Make section margins the same as theme"

  3. Press Save


Adding galleries to dedicated pages without blocks

Sometimes you want to add a gallery to a page that does not support blocks. Since the Shopify blocks add all the logic to make the galleries work we also need to add a script for the dedicated page to make them work there.

On the page that you want to add the gallery to add this script in any of the following places.

<script type="module" src="" defer></script>
  • At the end right before the closing </head> tag

  • Or at the bottom of the page at the end before the closing </body> tag


Next to the div element for the gallery you want to use. Like below.

<script type="module" src="" defer></script>
<div id="cevoid-container" data-gallery="{ENTER_GALLERY_ID}"></div>

Did this answer your question?