Skip to Content
DocumentationSectionsCustom Liquid

Custom Liquid

Add custom Liquid code to any page. This section renders your Liquid markup within the theme’s layout, giving you access to the full Shopify Liquid API.

Live demo store theme editor screenshot of the Fit Check Custom Liquid section.
Live demo-store editor capture showing a temporary Custom Liquid section with sample code and rendered storefront output.

Configure the Section

  1. In the theme editor, click Add section.
  2. Select Custom Liquid.
  3. Enter your Liquid code in the text area.

Section Settings

SettingDescription
Custom LiquidA text area where you enter your Liquid code. Supports all Shopify Liquid objects, tags, and filters.
Background colorSet the section background or leave blank to inherit the global page background.
Section widthPage width or Full width. Default: Page width.
PaddingUse one all-sides value or set top, bottom, left, and right independently. Range: 0–100px.

Usage Tips

  • Use this section to embed third-party widgets, custom HTML, or advanced Liquid logic.
  • You have access to all Shopify Liquid objects (product, collection, cart, etc.) depending on the page context.
  • Test your code in preview mode before publishing to ensure it renders correctly.
Marquee SectionsVideo