Skip to main content

Collection Layouts and Display Options

Collections Builder

Written by BeyondCart

Module: Collections Builder Audience: Store admins Last updated: March 2026

Overview

The Collections Builder offers several layout options that control how collections appear on each screen of your mobile app. Mix and match layouts at different levels of your hierarchy to create a browsing experience that fits your brand.

Available Layouts

Accordion

Collections display as expandable sections. Customers tap a collection to reveal its children inline, without navigating to a new screen. Best for stores with many small subcategories.

Grid

Collections display as a grid of image tiles. Configure the number of columns:

  • 1 Column: Full-width tiles for large feature images.

  • 2 Columns: A balanced layout and the most popular choice.

  • 3 Columns: Compact grid that fits more collections on screen.

Row

Collections display as a horizontally scrollable row of tiles. Best for highlighting a curated set of collections or as a secondary navigation element.

Choosing a Layout

  1. Go to Mobile App Settings.

  2. Select Configs and then Categories.

  3. Choose Accordion, Grid, or Row.

  4. If you chose Grid, select the column count (1, 2, or 3).

  5. The phone preview updates immediately.

Per-Collection Product Sorting

Each collection can have its own default product sort order:

  1. Select a collection in the hierarchy tree.

  2. In the inspector panel, find Product Sorting.

  3. Choose a sort option (e.g., Best Selling, Price Low to High, Newest First).

Tips

  • Use the phone preview to compare layouts—switch between options and see the difference instantly.

  • Two-column Grid is the safest default for most catalog sizes and image styles.

  • Reserve the top menu for your highest-traffic categories to keep it uncluttered.

FAQ

Can I use different layouts for different levels of my hierarchy? Yes. Each level can have its own layout.

Does the top menu replace the main collection list? No. It appears above the list as an additional navigation element.

Can customers change the product sort order? Your setting is the default. Depending on app configuration, customers may also sort themselves.

Did this answer your question?