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
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.
Last updated
Was this helpful?