Custom Liquid

A panel that runs Liquid code you paste in. It’s for the snippets that some apps ask you to add during their setup, and for code a developer writes for your store. You don’t need it to set up Cosmero.

Add the section

Online Store → Themes → Customize

1. In your Shopify admin, go to Online Store → Themes and select Customize on Cosmero.
2. At the top of the theme editor, open the template you want to change.
3. In the sidebar, select Add section.
4. Choose Custom Liquid.
5. Paste the code into Liquid code, then select Save.

You can add it to any template, and to the header or the footer.

Settings

• Liquid code: the code to add, such as an app snippet.

Panel

• Color scheme: the colors of the panel. You edit color schemes in Theme settings.
• Panel style: Panel is a rounded panel inside the page margin. Flush spans the full page width with square corners.
• Enable full width on mobile: on mobile, the panel runs from edge to edge with square corners. Shown when Panel style is Panel.
• Top padding: space above the content, from 0 to 120 px.
• Bottom padding: space below the content, from 0 to 120 px. On mobile, both paddings are scaled down: 64 px becomes 40 px.

Tips

• The code shows inside a Cosmero panel, with the panel’s colors and padding. If the code brings its own spacing, lower Top padding and Bottom padding.
• To place code inside another section instead, such as the product information or a Custom section, use the Custom Liquid block there.
• When an app offers a block for the product page, add that block to the Product information section instead of pasting code. See Product page.