Add galleries with Shopify sections

This guide contains two parts.
If you already have done the first part you can proceed to the second part right away.

Part 1 - Creating a Cevoid UGC section


1. Go to Online Store > Themes > Actions > Edit code

2. Locate the Sections folder
3.
Press "Add a new section" and name it "Cevoid-UGC"

4. Press "Create Section"

Copy
Cevoid-UGC

5. Delete all the code that is automatically in the template. 
6. Paste the following code in the blank space
7. Press Save

Copy
<div class="page-width">

{%- assign title = section.settings.title -%}
{%- assign code = section.settings.div-code -%}
<section class="home-section content-area {% if title != blank %}has-heading{% endif %}">
{% if title != blank %}
<h2 class="section-title" style="text-align:center">{{ title }}</h2>
{% endif %}
<div class="cevoid-wrapper">
{{ code }}
</div>
</section>
</div>
{% schema %}
{
"name": "Cevoid Gallery",
"settings": [
{
"type": "text",
"id": "title",
"label": "Title",
"default": "Pictures from our customers"
},
{
"type": "textarea",
"id": "div-code",
"label": "Paste Cevoid div code",
"placeholder":"For example: <div id=\"cevoid-container\" data-type=\"feed\" data-campaign=\"store\" />",
"info": "Press save to see your changes"
}
],
"presets": [
{
"category": "Cevoid",
"name": "Cevoid gallery"
}
]
}
{% endschema %}

Part 2 - adding a Cevoid gallery

1. Go to Online Store > Themes > Customize

2. Paste the code you copied from the Cevoid dashboard

3. Optional: Add a heading 

 4. Press Save

5. Paste the code you copied from the Cevoid dashboard
6. Opional: Add a heading 
7. Press Save

9. Move the section to the desired position on your home page
10. Press save

By using this website, you agree to our Cookie policy