Layout

Structural sections for spacing, custom code, and layout control.

Layout sections add no content of their own. They control spacing, dividers, in-page navigation and custom code — small pieces, but they're what turns a stack of sections into a page that reads as designed.

---

Section overview

Section	Page	What it does
Custom HTML	Custom HTML & Custom Liquid	Embeds raw HTML anywhere on the storefront.
Custom Liquid	Custom HTML & Custom Liquid	The same, plus Liquid — it can print store data.
Empty space	Empty Space & Line	Adds a measured gap between sections.
Line	Empty Space & Line	Draws a horizontal divider.
Anchor link	Anchor Link	Invisible jump target for in-page links.
Apps	Apps	Container for app blocks, placed where you want them.

---

Quick decision guide

Need more room between two sections? → Empty space. Adjusting a neighbouring section's Top or Bottom spacing works too, and is the better choice when only one side needs changing.

Want a visible break, not just a gap? → Line.

Pasting code from an app or a third-party service? → Custom HTML.

Need to print something from your store — a metafield, a count, a customer's name? → Custom Liquid.

Want a button or menu item to scroll to a specific part of a long page? → Anchor link.

An app gave you a block and the template offers nowhere to put it? → Apps.