Display Modes
Every Pure Aggregator (section) has a display type that controls how its content items are arranged on the screen. Think of it as choosing a layout template for that section.
Pages themselves don’t have display modes — they always render their content items top to bottom. To control layout, you add a Pure Aggregator to the page and set its display type.
Available Display Modes
Grid
Items arranged in a grid of columns — like a photo gallery or product catalog.
You choose how many columns: 2, 3, or 4. On mobile, the grid automatically stacks into a single column.
Best for: Cards, team members, programs, products — anything where you want to show multiple items side by side.
Example use: A “Our Team” section with 3 columns, each showing a team member’s photo, name, and role.
| Columns | Good For |
|---|---|
| 2 columns | Detailed cards with longer descriptions |
| 3 columns | Balanced grid — most common |
| 4 columns | Compact cards with short content |
Accordion
Items shown as collapsible panels — click a title to expand and see the content. Only one panel is open at a time.
Best for: FAQs, program listings, partner directories — any content where visitors want to scan titles and drill into the one they’re interested in.
Example use: A “Frequently Asked Questions” section where each question is a panel title and the answer appears when clicked.
MenuTab
Items displayed as tabs — click a tab label to switch between content panels. All tabs are visible at the top, but only one panel shows at a time.
Best for: Content that falls into clear categories — like “Programs by Age Group” with tabs for Kids, Teens, Adults.
Example use: A “Programs” page with tabs for “Summer”, “Winter”, and “After School”, each showing different program details.
Side Bar
Content arranged with a sidebar navigation on the left and the main content on the right. Clicking sidebar items switches the main content panel.
Best for: Sections with many sub-items that need quick navigation — like a member dashboard or resource library.
Example use: A member area with sidebar links to Dashboard, Store, Shows, etc.
Carousel
Items displayed in a horizontal slideshow — visitors swipe or click arrows to move between items.
Best for: Image galleries, testimonials, feature highlights — anywhere you want to showcase items one at a time with smooth transitions.
Example use: A “Testimonials” section that cycles through client quotes with photos.
Choosing a Display Mode
| If your content is… | Use |
|---|---|
| A collection of similar items (people, cards, products) | Grid |
| Questions and answers, expandable categories | Accordion |
| Categories where visitors switch between views | MenuTab |
| A dashboard or navigation-heavy section | Side Bar |
| A slideshow of images, quotes, or highlights | Carousel |
Tips
- You can change the display mode anytime. Switching a section from Grid to Accordion doesn’t change the content — just how it’s arranged. This makes it easy to experiment.
- Grid column count matters. Too many columns with long content looks cramped. Too few with short content wastes space. 3 columns is the safest default.
- Mix display modes on a single page. A page might have a Grid section for team members, an Accordion for FAQs, and a Carousel for testimonials — each Pure Aggregator picks its own layout independently.