Shopify Sections & Blocks — Theme Architecture Explained
How Shopify sections and blocks work in theme architecture. Schema, presets, and dynamic sources.
Shopify sections blocksshopify theme architectureshopify schema
Sections and Blocks Architecture
Sections are reusable page components. Blocks are sub-components merchants configure inside sections — like slides in a slideshow.
Why Shopify sections blocks Matters
Blocks make sections reusable and merchant-configurable — the OS 2.0 pattern every modern Shopify theme follows.
Schema presets define what merchants see in the editor; blocks loop with {% for block in section.blocks %}.
Shopify sections blocks — Key Ideas You Must Know
- {% schema %} JSON defines settings
- blocks array in schema
- {% for block in section.blocks %}
- Presets for theme editor
- App blocks for apps
Practice Shopify sections blocks with Free Lessons
Build a testimonial section with blocks in the Liquid tutorial on Sturdee.
Tip: Free interactive lesson: /tutorials/liquid — practice Shopify sections blocks with runnable code on Sturdee.
Shopify Sections & Blocks — FAQ
Frequently Asked Questions
How many blocks per section?+
Define max_blocks in schema. Keep UX manageable — usually under 10.
Continue learning interactively
Free tutorial: /tutorials/liquid →