Custom liquid
Overview:
The Custom Liquid section allows merchants to add custom Liquid, HTML, CSS, or dynamic Shopify objects directly into the storefront. It is commonly used for advanced customizations, third-party widgets, custom layouts, embeds, trust badges, scripts, metafield rendering, or unique content sections that are not available through standard theme settings.
Section Configuration
Custom Liquid Content:
| Setting | Description |
|---|---|
| Custom Liquid | Allows adding custom Liquid code, HTML, Shopify dynamic objects, embeds, or custom content directly inside the section. |
Example use cases:
- Add custom HTML blocks
- Render Shopify metafields dynamically
- Embed third-party widgets
- Add trust badges or custom banners
- Insert promotional content
- Add custom scripts or Liquid logic
Layout:
| Setting | Description |
|---|---|
| Container Layout | Determines whether the section uses a Contained, Contained Content, or Full Width layout. |
| Container Width | Controls the maximum width of the section container on desktop devices. |
| Text Alignment (Desktop) | Sets the horizontal alignment of content on desktop devices. |
| Text Alignment (Mobile) | Sets the horizontal alignment of content on mobile devices. |
Color Scheme:
| Setting | Description |
|---|---|
| Section Color Scheme | Applies a predefined color palette to the custom liquid section background and content. |
| Inverse Color Scheme | Inverts the selected color scheme styling for contrast variations. |
| Gradient Mode | Enables gradient styling for the section background, widget, or both. |
| Enable Heading Gradient | Enables gradient styling for headings inside custom liquid content. |
Preset Configuration
The default preset of the Custom Liquid section includes:
- Empty custom liquid field ready for code insertion
- Flexible layout and width controls
- Responsive spacing settings
- Built-in color scheme support