Blocks
Smaller, modular components within Sections that can be individually configured.
Smaller, modular components within Sections that can be individually configured.
Why It Matters
Blocks provide granular control within sections. Instead of creating 10 similar sections with slight variations, you create one section with configurable blocks. This reduces theme complexity, speeds up page building, and makes updates easier. App developers also use blocks to inject functionality into your theme without code.
Practical Example
Scenario
A fashion brand uses a 'Feature Grid' section where each block represents a product feature with icon, heading, and description.
Calculation
Marketing needs to add a new 'Sustainable Materials' feature. With blocks: click 'Add block', fill in fields, publish. Time: 2 minutes.Result
The new feature is live immediately. Without blocks, this would require a developer to clone and modify section code—turning a 2-minute task into a 2-hour ticket.
Pro Tips
- 1Design blocks to be self-contained—each block should work independently of other blocks in the section
- 2Limit block types per section to avoid overwhelming merchants with choices
- 3Use block limits (min/max) to prevent layout breaks—a testimonial slider with 50 blocks will look terrible
- 4Consider default blocks—pre-populate sections with starter blocks so merchants see the intended design