# Custom liquid

The **Custom Liquid** section lets you insert custom [Liquid ](https://shopify.dev/docs/api/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

1. In Shopify admin, go to **Online Store → Themes**.
2. Click **Customize** next to the **Elemento** theme.
3. In the theme editor, navigate to the desired page template (e.g., Home page) using the top preview dropdown.
4. In the left sidebar, click **Add section**, then select **Custom Liquid**, or locate it if it’s already added.
5. Insert your custom Liquid code directly into the provided code editor field.
6. You can **drag and drop** this section to reorder it on the page.
7. 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.      |

***

#### Resources

* [Liquid language documentation – Shopify](https://shopify.dev/docs/api/liquid)
* [Liquid sections – Shopify Docs](https://shopify.dev/docs/storefronts/themes/architecture/sections)
