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
In the Shopify admin panel, Navigate to Online store and click Customize on your theme
In the dropdown menu, chose the page you want to add your gallery to
Click Add section
Under Apps, click Cevoid gallery
2. Add your gallery to the section
Click Show my galleries, view all your galleries in the Cevoid platform
Click the gallery you want to embed
Click Copy Gallery ID
Go back to the Shopify theme editor
Paste your Gallery ID
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
In the sections view, click Apps, above your Cevoid gallery section
Uncheck the option "Make section margins the same as theme"
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="https://gallery.cevoid.com/index.js" 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
or
Next to the div element for the gallery you want to use. Like below.
<script type="module" src="https://gallery.cevoid.com/index.js" defer></script>
<div id="cevoid-container" data-gallery="{ENTER_GALLERY_ID}"></div>