Custom Liquid
A section that runs your own Liquid, HTML and JavaScript – for embed codes from other services, such as a booking widget or a map, and small additions of your own.
- In the editor
- Custom Liquid
- Where it goes
- Any page template, with Add section
- In the presets
- Not on any page by default – add it where you need it
- Settings
- 11
- App blocks
- No
Set it up
- Add the Custom Liquid section where the code should appear.
- Paste the code into Liquid code.
- Choose Full width if the content should run edge to edge, and a Color scheme for the background.
The code is saved with your theme settings, so it is kept when you update the theme. Several sections – the product page, the cart, Image with text, the footer and popups – also have Custom Liquid blocks for code that belongs inside them.
All settings
Every setting in the order of the theme editor, with its options and its default value.
Section: Custom Liquid11 settings
| Setting | Options | Default |
|---|---|---|
| Liquid codeAdd app snippets or other Liquid code. | Liquid code | – |
| Full width | Checkbox | Off |
| Color scheme | Color scheme | Scheme 1 |
| Section spacing | ||
| Top padding | 0–160px | 40px |
| Bottom padding | 0–160px | 40px |
| Top padding on mobile | 0–120px | 32px |
| Bottom padding on mobile | 0–120px | 32px |
| Advanced | ||
| Hide on mobile | Checkbox | Off |
| Hide on desktopMobile means below the width where the header switches to the mobile menu (Header > Switch to the mobile menu below). | Checkbox | Off |
| Animate on scroll | Checkbox | On |
| Anchor IDLink to this section with #anchor-id. | Text | – |
Related
Customizing codeHow to make small changes with Custom CSS and Custom Liquid safely – and when to hire a Shopify Partner instead.AppsA section that holds app blocks on a row of their own – reviews, galleries, forms and more.SectionBuild any section from blocks – headings, text, buttons, images, spacers, dividers and nestable groups.