Skip to main content

Custom Liquid

sections/custom-liquid.liquid

Settings​

SettingIDTypeDefaultNotes
Codecustom_liquidRaw LiquidHTML, Liquid, or a snippet from an app. Anything you paste here renders exactly as written, so test it before publishing.
Layout
Section heightheight_modeDropdownautoAuto lets the content set its own height. The other two are for embeds that need a box to fill, such as a map or a booking widget. Options: Fit the content, Fixed height, Full screen.
HeightheightSlider400Applies to Fixed height only. Range: 200–900 step 20.
Height (mobile)height_mobileSlider300Range: 160–700 step 20.
Vertical alignmentvertical_alignmentDropdowncenterApplies when a height is set. Options: Top, Middle, Bottom.
Content widthcontent_widthSlider1200Range: 400–1600 step 20.
Make section full widthfull_widthOn/offOff
Enable side paddingside_paddingOn/offOnAdds left and right padding when the section is full width.
Style
Color schemesurfaceDropdownbackgroundOptions: Background, Surface, Primary, Accent.
Dividing linesdividersDropdownnoneOptions: None, Top, Bottom, Top and bottom.
Spacing
Top paddingpadding_topSlider40Range: 0–160 step 4.
Bottom paddingpadding_bottomSlider40Range: 0–160 step 4.
Top padding (mobile)padding_top_mobileSlider28Range: 0–160 step 4.
Bottom padding (mobile)padding_bottom_mobileSlider28Range: 0–160 step 4.
Advanced
Remove the surrounding containerremove_wrapperOn/offOffOutputs your code with nothing around it. Every setting above stops applying. Use this only when an app supplies its own layout and the wrapper interferes with it.

Presets​

Available in Add section: Custom Liquid