Custom liquid
The Custom Liquid section lets you insert custom Liquid code into any page, allowing for advanced customizations such as displaying dynamic data, conditional content, or custom HTML/CSS. This section is useful for developers or advanced users who want to extend the theme's functionality without editing core theme files.
This section can be added, removed, and repositioned within templates.
How to Configure the Custom Liquid
In Shopify admin, go to Online Store → Themes.
Click Customize next to the Elemento theme.
In the theme editor, navigate to the desired page template (e.g., Home page) using the top preview dropdown.
In the left sidebar, click Add section, then select Custom Liquid, or locate it if it’s already added.
Insert your custom Liquid code directly into the provided code editor field.
You can drag and drop this section to reorder it on the page.
Click Save.
Section Settings
Setting
Type
Description
Liquid code
Liquid code input
Add your custom Liquid code here. Use this to output dynamic content, custom HTML, or data from your store.
Enable side padding
Checkbox
Applies horizontal padding on both sides of the section to align with the theme’s layout. Disable for full-width content.
Color scheme
Color scheme selector
Apply a predefined visual style to the section including text, background, and accents.
Section Padding
Device
Setting
Type
Description
Desktop
Top
Range
Adjust the top spacing of the section for desktop layout.
Desktop
Bottom
Range
Adjust the bottom spacing of the section for desktop.
Mobile
Top
Range
Adjust the top spacing of the section for mobile layout.
Mobile
Bottom
Range
Adjust the bottom spacing of the section for mobile.