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.

Last updated

Was this helpful?