Skip to content

Collections

Collections let you organize products into categories and sub-categories. From the admin panel you can create, edit, and nest collections — each with its own name, description, image, and hierarchy. Active collections appear in the storefront navigation, on a dedicated listing page, and in product breadcrumbs.

Browsing your collections

Open Collections in the admin sidebar to see the full collections list. The table displays each collection's name, slug, status, parent, product count, and creation date at a glance.

Collections list

ColumnDescription
NameCollection name with thumbnail (click to edit)
SlugURL path used on the storefront (links directly)
StatusActive (visible to customers) or Inactive
ParentParent collection name, or empty for top-level collections
ProductsNumber of products assigned to this collection
Created AtDate the collection was created

You can sort by clicking any column header, and search by typing in the search bar at the top. Use the Filter button to narrow results by active or inactive status.

Bulk actions

Select one or more collections using the checkboxes on the left, then use the bulk actions bar that appears at the bottom:

  • Activate — make selected collections visible on the storefront
  • Deactivate — hide selected collections from customers
  • Delete — permanently remove selected collections (a confirmation dialog will appear)

Creating a collection

Click New Collection on the collections list page to open the creation form.

Create collection form

Collection details

FieldRequiredDescription
NameYesThe collection name shown to customers. Automatically generates a URL slug.
SlugYesURL-friendly identifier (lowercase with hyphens). Auto-generated from the name, but you can edit it.
DescriptionNoText displayed on the collection page on the storefront. Can be generated with AI if enabled.
ActiveNoToggle to control storefront visibility. Collections are inactive by default.

Tip: If your store has AI integrations enabled, you can click the AI generate button next to the Description field to automatically create a collection description from the name.

Hierarchy

Create collection — hierarchy and image

Use the Parent Collection dropdown to nest this collection under an existing one. Select None (top-level) to keep it at the root level. Sub-collections appear on their parent's storefront page and as indented items in the navigation menu.

Image

Upload a single image to represent the collection. This image is displayed on the collections listing page and as the hero banner on the individual collection page.

Editing a collection

Click any collection name in the list (or the edit action in the row menu) to open the edit form. It contains the same fields as the creation form, pre-populated with the collection's current data.

Edit collection

Click Save Changes when you are done. You can also delete the collection from the edit page using the danger zone section at the bottom.

How collections appear on the storefront

Every active collection is reflected in several places across the customer-facing storefront.

The storefront navigation menu lists all active collections. Collections with sub-collections display them as indented items when expanded.

Navigation menu — desktop

On mobile, the same navigation is accessible through the hamburger menu icon. Tap the chevron next to Collections to expand the list.

Navigation menu — mobile

Collections page

Visiting /collections on the storefront shows a grid of all active top-level collections, each displaying its image, name, and description.

Storefront collections page

Individual collection page

Clicking a collection opens its dedicated page at /collections/{slug}. The page includes:

  • A hero banner with the collection image, breadcrumbs, name, and description
  • A sub-collections section if the collection has children
  • A products grid showing up to 12 products per page with pagination
  • An empty state message when no products are assigned yet

Storefront collection page

On mobile, the layout adapts with a full-width hero image and stacked product cards.

Storefront collection page — mobile

Product breadcrumbs

When a product belongs to a collection, its page shows breadcrumbs like Home > Collection Name > Product Title, helping customers navigate back to the collection.

Home page sections

Collections can be featured as sections on the home page using the page builder. You can choose from several layout options (center, left, right, full-width) with a customizable call-to-action button.

Sub-collections

Collections support a parent-child hierarchy. A sub-collection:

  • Appears on its parent collection's storefront page as a clickable card
  • Shows as an indented item under the parent in the navigation menu
  • Displays full breadcrumbs: Home > Parent Collection > Sub-collection > Product

To create a sub-collection, set the Parent Collection field when creating or editing a collection.

Machine-readable pages for LLMs

Every collection page has a .md counterpart that returns plain markdown, designed for AI tools and LLMs to consume easily:

  • /collections.md — lists all active collections with links and descriptions
  • /collections/{slug}.md — full collection details including all products with prices, descriptions, and links

These endpoints return text/markdown content and support pagination for large collections (e.g., /collections/summer-sale.md?page=2).