Custom liquid
Overview
The Custom Liquid section lets you add custom content to a page using a dedicated Custom Liquid block. Along with the custom content, the section includes layout controls for container width, alignment, color scheme, and responsive spacing (inner and outer padding).
Section Configuration:
Layout
| Setting | Description |
|---|---|
| Container layout | Controls how the section is sized on the page: page-width (boxed), contained-content, or container-fluid (full width). |
| Container size (Desktop) | Sets the maximum section width on desktop as a percentage (50%–100%). |
| Text alignment (Desktop) | Controls text alignment on desktop (left, center, right). |
| Text alignment (Mobile) | Controls text alignment on mobile (left, center, right). |
| Color scheme | Applies a theme color scheme to the section styling. |
Inner padding
| Setting | Description |
|---|---|
| Top (Desktop) | Adds space above the section’s inner content on desktop. |
| Bottom (Desktop) | Adds space below the section’s inner content on desktop. |
| Left (Desktop) | Adds space to the left of the section’s inner content on desktop. |
| Right (Desktop) | Adds space to the right of the section’s inner content on desktop. |
| Top (Mobile) | Adds space above the section’s inner content on mobile. |
| Bottom (Mobile) | Adds space below the section’s inner content on mobile. |
| Left (Mobile) | Adds space to the left of the section’s inner content on mobile. |
| Right (Mobile) | Adds space to the right of the section’s inner content on mobile. |
Outer padding
| Setting | Description |
|---|---|
| Top (Desktop) | Adds space above the section (outside the section content) on desktop. |
| Bottom (Desktop) | Adds space below the section (outside the section content) on desktop. |
| Left (Desktop) | Adds space on the left side of the section (outside) on desktop. |
| Right (Desktop) | Adds space on the right side of the section (outside) on desktop. |
| Top (Mobile) | Adds space above the section (outside) on mobile. |
| Bottom (Mobile) | Adds space below the section (outside) on mobile. |
| Left (Mobile) | Adds space on the left side of the section (outside) on mobile. |
| Right (Mobile) | Adds space on the right side of the section (outside) on mobile. |
Blocks Configuration:
| Block type | Description |
|---|---|
| Custom Liquid | Adds a custom content block to the section. This is where the custom Liquid/HTML content is provided and displayed. |
| Theme block | Allows theme-provided blocks to be added to this section (based on what your theme supports). |
| App block | Allows compatible Shopify apps to add app blocks to this section. |