Layout
Utility and layout sections — anchor links for in-page navigation, custom code blocks, spacing controls, and visual dividers.
Last updated
Was this helpful?
Utility and layout sections — anchor links for in-page navigation, custom code blocks, spacing controls, and visual dividers.
Five utility sections for structural control — spacing, dividers, anchor links, and custom code injection. These sections don't display products or media; they shape the page layout and enable advanced customizations.
Empty Space
Adds vertical spacing between sections with separate desktop and mobile height controls
Line Section
Horizontal divider line with customizable width, color, and thickness
Anchor Link
Invisible anchor point for in-page navigation — lets you link directly to any spot on the page
Custom HTML
Raw HTML block for embedding third-party widgets, custom scripts, or external content
Custom Liquid
Liquid code block with access to Shopify objects — for dynamic content that needs store data
Need spacing between sections? → Empty Space — set independent heights for desktop and mobile.
Want a visual separator? → Line Section — a simple horizontal rule with color and width control.
Building a long page with jump links? → Anchor Link — place invisible anchors at key points, then link to them from buttons or navigation.
Embedding third-party code? → Custom HTML for static embeds (maps, forms, widgets). Custom Liquid when you need access to Shopify's Liquid objects (product data, cart, customer info).
These sections are supporting elements, not standalone features. Use them to fine-tune the spacing and structure of pages built with other section types. Custom HTML and Custom Liquid are intended for developers or apps that need direct code access.
Last updated
Was this helpful?
Was this helpful?