Skip to content
Custom liquid
Section overview
The Liquid section serves as a flexible container that enables developers to inject custom Liquid code directly into a Shopify theme.
Common use cases
- Display dynamic shop information like store name, policies, or announcements
- Integrate third-party widgets or scripts
- Create custom HTML/CSS structures that aren't available through standard sections
- Implement complex conditional logic based on template conditions
Usage tips
- Always test your Liquid code thoroughly before deploying to production
- Use the section's color scheme settings to maintain visual consistency with your theme
- Consider mobile visibility settings when adding content that might not display well on smaller screens
- Keep your Liquid code clean and commented for easier maintenance
- Leverage the built-in padding controls to maintain proper spacing within your layout
Section settings
| Setting | Description |
|---|---|
| Liquid | Custom Liquid code to be rendered in this section |
| Spacing top | Controls the top padding of the section (0-300px) |
| Spacing bottom | Controls the bottom padding of the section (0-300px) |
| Color scheme | Determines the background and text color combination for the section |
| Border color | Sets the color for any borders applied to the section |
| Border position | Controls where borders appear on the section (none, top, bottom, or both) |
| Enable padding | Toggles horizontal padding to match the rest of the site layout |
| Visibility | Controls section visibility across different device sizes (all, mobile only, desktop only) |
Block settings
This section does not contain any blocks.