About the Liquid element
The Liquid element allows you to add Liquid, HTML, JavaScript, or CSS codes to customize sections and integrate third-party apps using GemPages.
To add the element to your page, kindly follow these steps.
Step 1: From the GemPages dashboard, open your preferred template to edit. Drag and drop the element to your desired position.
Step 2: Right-click on the element, then select “Edit” to open the code panel.
Step 3: Add the custom code to the corresponding code panel and click on “Save” when finished.
Step 4: Finally, hit “Publish” to start rendering the code.
Settings tab
With the Settings tab, you can set the name for that specific Liquid element for differentiation. You can also choose how the element is positioned with 3 options: left-aligned, centered, and right-aligned.
Design tab
To style how the element looks, please navigate to the Design tab and follow the instructions in this article.
Troubleshooting “Liquid error” in GemPages V6
- Invalid or unsupported Liquid syntax → Double-check your code matches Shopify’s Liquid documentation.
- Missing variables or objects → Make sure the product, collection, or section you’re calling actually exists in Shopify.
- Conflicts with third-party scripts → Remove or test your code in smaller parts to identify the conflict.
- Review and correct your Liquid code syntax.
- Test with a basic snippet first to confirm the element works.
- If the error persists, remove the snippet and re-add it step by step.
- Contact GemPages Support if the issue is related to app integration.
Thank you for your comments