Custom Liquid
sections/custom-liquid.liquid
Settings
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Code | custom_liquid | Raw Liquid | HTML, Liquid, or a snippet from an app. Anything you paste here renders exactly as written, so test it before publishing. | |
| Layout | ||||
| Section height | height_mode | Dropdown | auto | Auto 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. |
| Height | height | Slider | 400 | Applies to Fixed height only. Range: 200–900 step 20. |
| Height (mobile) | height_mobile | Slider | 300 | Range: 160–700 step 20. |
| Vertical alignment | vertical_alignment | Dropdown | center | Applies when a height is set. Options: Top, Middle, Bottom. |
| Content width | content_width | Slider | 1200 | Range: 400–1600 step 20. |
| Make section full width | full_width | On/off | Off | |
| Enable side padding | side_padding | On/off | On | Adds left and right padding when the section is full width. |
| Style | ||||
| Color scheme | surface | Dropdown | background | Options: Background, Surface, Primary, Accent. |
| Dividing lines | dividers | Dropdown | none | Options: None, Top, Bottom, Top and bottom. |
| Spacing | ||||
| Top padding | padding_top | Slider | 40 | Range: 0–160 step 4. |
| Bottom padding | padding_bottom | Slider | 40 | Range: 0–160 step 4. |
| Top padding (mobile) | padding_top_mobile | Slider | 28 | Range: 0–160 step 4. |
| Bottom padding (mobile) | padding_bottom_mobile | Slider | 28 | Range: 0–160 step 4. |
| Advanced | ||||
| Remove the surrounding container | remove_wrapper | On/off | Off | Outputs 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