Theme editor overview
Claro uses Shopify's Sections Everywhere architecture. Every page in your store can be customized through the visual theme editor.
Sections Everywhere
Unlike older themes that only allow sections on the home page, Claro supports sections on every page type — product, collection, blog, and more.
This means you can:
- Add promotional banners to any page
- Insert newsletter signups on collection pages
- Add testimonials below your products
- Create unique layouts for different page templates
Adding sections
In the theme editor, click Add section in the left sidebar. Browse or search for the section you want, click it, and it will be added to the page. Drag sections to reorder them.
Section settings
Every section in Claro includes these common settings:
| Setting | Description |
|---|---|
| Section width | Choose between boxed (within page width) or full (edge to edge) |
| Mobile section width | Override the width on mobile devices |
| Color scheme | Apply one of your configured color schemes |
| Spacing | Control top/bottom padding for desktop and mobile separately |
Blocks
Many sections support blocks — reorderable content pieces within a section. For example, the Slideshow section uses Slide blocks, and the FAQ section uses Question blocks.
You can add, remove, reorder, and configure blocks in the section's settings panel.
Page templates
Claro includes JSON templates for all required page types:
- Home page (
index) - Product page (
product) - Collection page (
collection) - Blog and article pages
- Cart page
- Search results page
- Contact page (
page.contact) - About page (
page.about) - FAQ page (
page.faqs) - Store locator (
page.store-locator) - 404 page
- Password page