Sections

Reusable, customizable blocks of content that merchants can add and reorder in the Theme Editor.

1 min readLast updated Apr 2026

Reusable, customizable blocks of content that merchants can add and reorder in the Theme Editor.

Why It Matters

Sections give you page-building flexibility without code. Before OS 2.0, sections only worked on the homepage—now they work everywhere. This empowers marketing teams to launch landing pages, update product pages, and run campaigns without developer bottlenecks. Faster iteration means faster growth.

Practical Example

Scenario

A skincare brand needs to launch a Valentine's Day gift guide page with custom sections—hero banner, curated collections, FAQ, and email capture.

Calculation

Using sections: marketing builds the page in 2 hours. Previously: developer ticket, 2-week wait, $500 cost.

Result

The page launches in time for the campaign, captures 2,400 emails, and drives $45K in gift set sales. Agility directly enabled revenue.

Pro Tips

  • 1Create reusable section templates for common needs—testimonials, FAQs, feature grids—that can be dropped into any page
  • 2Use section settings for merchant-editable content instead of hardcoding in Liquid
  • 3Leverage conditional sections (show/hide based on customer tags, time, etc.) for personalization
  • 4Keep sections modular—a section that does one thing well is more reusable than a complex multi-purpose section

Common Mistakes to Avoid

Building monolithic sections that try to do everything—they become hard to maintain and customize
Not providing enough settings options—if merchants constantly need code changes, the section isn't flexible enough
Ignoring mobile preview when designing sections—what looks great on desktop may break on mobile

Frequently Asked Questions

Related Terms