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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us