Sections
Sections in Split: every section you can add with Add section, by category, with what it does on desktop and the page that documents it.
Applies to: Split 5.1.0 and later. Added in: Split 1.0.0. Last checked: 2026-10-13 against Split 5.1.0.
A section is a full-width area of a page, such as a slideshow, a product grid or a contact form. Split builds many sections from two halves of the screen, side by side on desktop and stacked on phones; see How Split is built.
Where to find it: open a page in the theme editor, then select Add section in the left sidebar.
Every section on this list can be added to a page template, moved, duplicated and hidden. Most sections hold their own blocks, such as slides, testimonials or questions, documented on the section's page. Only the Flex cards and Flex grid sections hold theme blocks.
Sections by category
Split 5.1.0 has 31 entries in Add section on a page template, in eight categories. The Layout on desktop column says how the section uses the screen on screens wider than 1024 px. On phones and on tablets held upright, every section is full width and its halves stack.
| Section | Category in Add section | Layout on desktop | Page |
|---|---|---|---|
| Image comparison | Storytelling | Full width | Image comparison section |
| Image with hotspots | Storytelling | Full width | Image with hotspots section |
| Images with text | Storytelling | Full width, 1 to 4 columns | Images with text section |
| Rich text | Storytelling | Two halves: image and text | Rich text section |
| Shop the look | Storytelling | Two halves: image and products | Shop the look section |
| Slideshow | Storytelling | Two halves (Split screen) or full width | Slideshow section |
| Fullwidth media with text | Storytelling | Full width (Flex grid preset) | Flex grid section |
| Flex grid | Storytelling | Full width, 12-column grid | Flex grid section |
| Featured collection | Products | Full width product grid | Featured collection section |
| Featured product | Products | Two halves: gallery and product | Featured product section |
| Collection list | Collections | Two halves: title and collections | Collection list section |
| Collection slider | Collections | Two halves: title and products | Collection slider section |
| Blog posts | Content | Two halves: title and posts | Blog posts section |
| FAQ | Content | Two halves: title and questions | FAQ section |
| Heading | Content | Full width | Heading section |
| Testimonials | Content | Two halves: title and quotes | Testimonials section |
| Text columns with icons | Content | Full width, up to 3 columns | Text columns with icons section |
| Countdown banner | Promotions | Full width | Countdown banner section |
| Flex cards | Promotions | Full width, 12-column grid | Flex cards section |
| Scrolling text | Promotions | Full width | Scrolling text section |
| Gallery | Media & galleries | Full width, up to 4 images per row | Gallery section |
| Image | Media & galleries | Full width, natural height | Image section |
| Map | Media & galleries | Full width | Map section |
| Media collage | Media & galleries | Full width (Flex grid preset) | Flex grid section |
| Scrolling images | Media & galleries | Full width | Scrolling images section |
| Video: background | Media & galleries | Full width | Video: background section |
| Video: popup | Media & galleries | Full width | Video: popup section |
| Contact Form | Forms | Two halves: map or title, and the form | Contact Form section |
| Email signup | Forms | Full width | Email signup section |
| Apps | Custom | Full width | Apps section |
| Custom HTML / Liquid | Custom | Full width | Custom HTML / Liquid section |
Fullwidth media with text, Flex grid and Media collage are three presets of one section. After you add one, the editor calls it Flex grid.
Section names in older Split versions
Some sections were renamed over the years. If an old guide or video uses an old name, look for the new one:
- Split screen slider is now Slideshow. You can add it anywhere on a page and duplicate it like any other section.
- Featured collection slider is now Collection slider.
- Image with text is now Images with text.
- Custom contact form is now Contact Form.
- Newsletter and Email signup form are now Email signup, a section of its own since Split 4.0.0.
- The old "announcement bar" section became the Heading section. Today's Announcement bar section is a different section in the Header group.
- The Countdown banner was part of the old "Promotions/sales" page template. It is now a section you add to any page.
Sections in the header, footer and overlay groups
Some sections live in a section group instead of a page template. They show on every page.
- The Header group holds the Announcement bar, the Header and the Breadcrumb.
- The Footer group holds the Footer and, in the presets, a Text columns with icons and an Email signup section.
- The Overlay group holds the sections that open over the page: the Popup, the Cookies banner and the Promotional banner.
Most content sections cannot be added to the Header group or the Overlay group. Add section there lists only the sections that fit.
Sections of page templates
Each page template has a main section that shows the page's own content, such as the product, the collection or the article. You cannot remove it, but you can add sections above or below it. See the Page templates pages, for example Product page, Collection page, Blog page and Regular page.
How do I hide a section without deleting it?
Select the eye icon next to the section's name in the theme editor sidebar. The section keeps its settings and blocks, and customers no longer see it. Select the eye icon again to show it.
Why can't I find a section in Add section?
Because it belongs to a section group. The Header, Footer, Breadcrumb, Popup and Cookies sections have no Add section entry: they are already in their groups. The Promotional banner appears in Add section only inside the Overlay group, and the Announcement bar only inside the Header group or the Footer group.
Related pages
- How Split is built: the split-screen layout, section groups and blocks.
- Image size recommendations: image sizes that crop least in each section.
- Theme blocks: the blocks of the Flex cards and Flex grid sections.
Promotional banner
The Promotional banner section shows a small promotion box over Split pages, with per-product title, subtitle and link from product metafields.
Apps
The Apps section holds app blocks from the apps you installed, so you can place an app anywhere on a Split page, with or without padding.