Custom liquid

An escape hatch for merchants who need to drop in their own markup or Liquid.

Merchant-addable
Yes
Settings
4
Block types
File
sections/custom-liquid.liquid

Screenshots pending

Captures for Custom liquid at desktop and mobile widths are generated from a live store by npm run shots. They appear here automatically once that has run.

When to use it

When you need something the theme does not provide and you are comfortable writing markup.

Setting it up

  1. Add the section wherever you need it.
  2. Paste your Liquid or HTML into the code field.
  3. Set Color and Padding so it sits correctly with the sections around it.

Where the content comes from

You do. Nothing here is validated or supported by the theme.

Notes and cautions

  • Anything you put here is exempt from the theme's performance and accessibility work. A third-party script pasted in can undo the JavaScript budget on its own.

Section settings

Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.

Liquid codeCustom Liquid

Add app snippets or other Liquid code to create advanced customizations.

ID
custom_liquid

Color

Color schemeColor scheme
ID
color_scheme
Default
scheme-1

Padding

Top paddingSlider
ID
padding_top
Default
24
Range
0px to 100px, in steps of 4px
Bottom paddingSlider
ID
padding_bottom
Default
24
Range
0px to 100px, in steps of 4px