The Custom liquid block renders any Liquid code you paste into it, so you can add app snippets or advanced customizations that the Pops theme does not provide as a built-in block.
Custom liquid block
Updated 2 months ago
The Custom liquid block renders any Liquid code you paste into it, so you can add app snippets or advanced customizations that the theme does not provide as a built-in block. Its settings are listed below.
Add the block
Add the Custom liquid block to a section that supports theme blocks, then paste your code into its Liquid field.
In the theme editor, add or select a section that supports theme blocks, such as the Section section.
Open the block picker and choose Custom liquid.
Paste your Liquid code into the Custom liquid field.
You can also add the dedicated Custom liquid section from Add section; its preset already includes one Custom liquid block.
Settings
Setting | What it does | Defaults / choices |
|---|---|---|
Enable color scheme | Applies a color scheme to the block. When on, it reveals the Color scheme setting. | Off |
Color scheme | Selects the color scheme applied to the block. Available only when Enable color scheme is on. | Scheme 1 |
Custom liquid | The Liquid code the block renders. Paste app snippets or other Liquid here. |
|
Content alignment on desktop / on mobile | Aligns the rendered content on each device. Mobile alignment applies first, with desktop alignment applied from the large breakpoint. | Left |
Margin top (Desktop) / (Mobile) | Space above the block on each device. | 0 (range 0–34) |
Hide block on desktop / on mobile | Hides the block on the chosen device. | Off |
Preview the block on both desktop and mobile before publishing. Alignment and top margin are set separately for each screen size, so spacing that looks right on desktop can differ on mobile.
FAQ
What is the Custom liquid block in the Pops theme?
How do I add the Custom liquid block in Pops?
In the theme editor, add or select a section that supports theme blocks (such as the Section section), open the block picker, and choose Custom liquid. Then paste your Liquid code into the Custom liquid field. You can also add the dedicated Custom liquid section from Add section, whose preset already includes one Custom liquid block.
What settings does the Custom liquid block have?
The block's settings are Enable color scheme (off by default, reveals the Color scheme setting when on), Color scheme (Scheme 1 by default), Custom liquid, Content alignment on desktop / on mobile, Margin top (Desktop) / (Mobile), and Hide block on desktop / on mobile.
How do I align content and set margins differently on desktop and mobile?
Content alignment and top margin are set separately for desktop and mobile. Mobile alignment applies first, with desktop alignment applied from the large breakpoint. Preview the block on both screen sizes before publishing, because spacing that looks right on desktop can differ on mobile.
Can I hide the Custom liquid block on desktop or mobile?
Yes. Turn on Hide block on desktop or Hide block on mobile to hide the block on the chosen device. Both settings are off by default.
Was this helpful?
Was this helpful?