Theme Sections
Sections are the top-level building blocks of your store's pages. Each section is a full-width container that holds content blocks. In the Shopify theme editor, you add sections to your pages and then fill them with blocks.
How sections work in Ronin
Ronin includes 80+ sections organized into these categories:
| Category | Count | Description |
|---|---|---|
| Header & Footer | 13 | Headers, announcement bar, predictive search, mega menus, footers, floating sidebar |
| Hero | 7 | Full-width banners, slideshows, split and panel heroes, about hero, blog intro |
| Collections | 4 | Collection banner, carousel, index, and scrolling collection lists |
| Products | 13 | Product page, product lists, combos, specs, shop the look, quick view, compare, cart |
| Content | 7 | Values, trust badges, FAQ, articles, journal, contact, search links |
| Editorial | 9 | Brand story, statements, quotes, programs, sticky process, promo countdown |
| Media & Interactive | 8 | Video, hotspots, lookbooks, scroll stories, spec reveals, social grid |
| Testimonials | 3 | Customer reviews and press logos |
| Popups | 4 | Promotions, age verification, countdown, sign up |
| Section Presets | 3 | Pre-built layouts using the generic Section builder |
In addition, Ronin includes 10 main page sections that power the core pages (collection, blog, article, cart, search, 404, password, and standard pages) and two utility sections, Apps and Custom Liquid. The product page's main section, Product information, is covered with the product sections. See Page Templates.
Section groups
Ronin organizes certain sections into groups that appear on every page:
- Header group: Announcement bar, Predictive search, Header (three styles), Mega menu — Collections, Mega menu — Featured, Mega menu — Journal, Mega menu — Shop
- Footer group: Footer (three styles)
- Overlay group: Cart mini, Quick view, Product compare modal
- Popup group: Popup promo, Popup age verification, Popup countdown, Popup sign up
- Features group: Floating sidebar
Adding sections to a page
- In the Shopify admin, go to Online Store > Customize.
- Select the page template you want to edit.
- Click Add section in the left sidebar.
- Browse or search for a section.
- Click the section to add it to your page.
- Drag sections to reorder them.
The generic "Section" component
Ronin includes a special Section builder component that acts as a blank canvas. It accepts any theme block, allowing you to build completely custom layouts from scratch. This section also comes with pre-built presets — ready-made layouts you can add instantly and customize.
Universal section settings
Most sections share a set of common settings for width, background, color scheme, and padding.