Custom Liquid Section
Use this section to add custom Liquid code for advanced customizations and unique functionality.
Set up a Custom Liquid section
- Go to Customize theme
- In Theme editor, select the page where you want to add the Custom Liquid
- Select "Add section" → "Custom liquid"
Configuration Settings
| Setting name | Description |
|---|---|
| Heading | Title text above custom liquid area. Default is "Custom liquid section" |
| Title Display | Choose from hidden to 7XL, with responsive options. Default is "2XL / desktop 4XL" |
| Title Alignment | Position title left or right. Default is left |
| CTA Text | Enter text for call-to-action button. Default is "View all" |
| CTA Link | Set URL for CTA button |
| CTA Display | Choose text size from hidden to 2XL. Default is "text-base" |
| CTA Alignment | Position CTA left or right. Default is right |
| Custom liquid | Enter your custom Liquid code or snippets |
| Horizontal spacing size | Choose None, Small, Medium, or Large padding. Default is none |
| Section padding | Adjust top and bottom padding independently (0-100px). Default is 100px |
| Indent section | Add left and right edge indentation when enabled. Default is false |
| Use alternative logo and color | Apply alternative color to header items. Default is false |
| Color scheme | Select a color scheme to match your store's design. Default is scheme-2 |
Best Practices
- Test thoroughly before deploying to your live site
- Use snippets for reusable code
- Keep code well-commented for future reference
- Validate Liquid syntax before publishing
Requires Liquid Knowledge
The Custom Liquid section requires knowledge of Liquid, Shopify's template language. Test your custom code thoroughly before deploying to your live site.
Use Cases
Common uses: Custom product displays, third-party integrations, advanced filtering, custom forms, dynamic content.