Custom Liquid section

How to install on your store

1. 1Back up your theme (Online Store > Themes > Actions > Duplicate) before changing any code.
2. 2Open Online Store > Themes > Edit code and create a new file under Sections using the file name shown above.
3. 3Paste the complete file - markup, styles and JavaScript are already inside the single file, nothing else to install.
4. 4Open the theme editor, add the section to a template, and replace the example values using the section settings.
5. 5Preview the storefront and test it on a phone-sized screen before publishing.
6. 6Paste any Liquid in the section settings - it renders inside a styled container on whatever template you add it to.

1<div class="gpl-custom">2  {{ section.settings.liquid }}3</div>4 5{% schema %}6{7  "name": "Custom Liquid",8  "settings": [9    { "type": "liquid", "id": "liquid", "label": "Liquid / HTML" }10  ],11  "presets": [{ "name": "Custom Liquid" }]12}13{% endschema %}