Custom liquid
The section provides advanced flexibility for adding personalized or custom-coded content to your storefront.
It allows you to insert Liquid code, HTML, or inline CSS, giving you greater control over the design and functionality of a specific page area.
This section is especially useful for merchants or developers who want to extend theme functionality beyond the standard settings — for example, embedding dynamic elements, integrating third-party widgets, or displaying custom data from your Shopify store.
On the storefront, the Custom Liquid section ensures that even specialized or unique content fits seamlessly within your theme’s layout and style. It maintains responsiveness and compatibility with the overall design while allowing for tailored features that match your brand’s goals.
In short, the Custom Liquid section is a versatile tool for customization, enabling you to implement creative or technical enhancements that make your store more dynamic and distinctive.
Location: Sections -> Templates -> Storytelling: Custom liquid
Custom liquid – Options Overview
Layout
Top spacing
None, Small, Medium, Normal – Adjusts the vertical space above the section.
Width
Default, Boxed, Wide – Sets the section width. The Wide option works for screens 1440px and larger.
Custom Liquid
Add app snippets or custom code to create advanced customizations. Learn more
Dividing line
Show
Controls whether a dividing line is displayed to separate content visually.
Background
Background
Hide, Color, Gradient, Image – Determines the section’s background style.
Colors
Base
Sets the main color for text, background, or other section elements.
Accent
Defines an accent color for highlights, buttons, or interactive elements.
Lines
Adjusts the color of dividing lines or subtle design accents within the section.
Last updated