Custom Liquid

Custom Liquid outputs code that you paste into the theme editor: an app snippet, an embed from another service or a small piece of your own Liquid and HTML. The code appears inside the page content column, between the sections around it.

Where to find it: Theme editor → any page → Add section → Custom Liquid. A Custom Liquid block is also available inside some sections, listed below.

Add the section

1. In the theme editor, open the page and click Add section.
2. Choose Custom Liquid.
3. Paste your code into Liquid code.
4. Adjust Top padding and Bottom padding if the code needs more or less space around it.
5. Click Save.

The code is placed in a column as wide as the rest of the page content and takes the text and background colors of the Color scheme. On screens up to 1024px wide, the top and bottom padding shrink to three quarters of the values you set. When Liquid code is empty, the section takes no space.

Add the block inside a section

These sections accept a Custom Liquid block, so the code appears inside the section instead of as a separate band:

• Product (product page)
• Featured product
• Cart
• Collection products (collection page)
• Search
• Page

In the left sidebar, expand the section, click Add block and choose Custom Liquid. The block has a single Liquid code setting and adds no spacing of its own, so drag it to the position you want among the other blocks.

Code is your responsibility

Our support team can’t check or fix code added in Custom Liquid. Broken code can hide content or break the layout of the page. Test the result in the preview before you save, and see Editing theme code for what support covers.

Settings reference

Custom Liquid section:

Setting	What it does	Default
Liquid code	The code to output. Info in the editor: “Add app snippets or other Liquid code to create advanced customizations”.	Empty
Color scheme	Background and text colors of the section. See Section basics.	Scheme 1
Top padding	Space above the code, 0–100px.	36px
Bottom padding	Space below the code, 0–100px.	36px

Custom Liquid block:

Setting	What it does	Default
Liquid code	The code to output. Info in the editor: “Add app snippets or other Liquid code to create advanced customizations”.	Empty

If an app gives you an app block, add it through Add block → Apps instead of pasting code: app blocks update with the app. See Apps.