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.