Collection categories
Tab-style navigation between related collections, for catalogs organized into families.
- Merchant-addable
- Yes
- Settings
- 13
- Block types
- —
- File
sections/collection-categories.liquid
Screenshots pending
Captures for Collection categories at desktop and mobile widths are generated from a live store by
npm run shots. They appear here automatically once that has run.
When to use it
Catalogs where customers move sideways between sibling collections more than they drill down.
Setting it up
- Add the section to the collection template, usually between the banner and the grid.
- Nest collection links under each collection in the Subcollections menu (Main menu by default). The strip shows the collections nested under the current one, or its siblings when it is itself nested. An optional
custom.sub_collectionsmetafield (list of collections) sets an explicit list for one collection and takes priority. - Configure the Categories strip group — empty categories, product counts, and how tiles look.
Where the content comes from
Shopify collections and the chosen menu own the categories and their order; the optional custom.sub_collections metafield overrides the menu per collection.
Notes and cautions
- A collection with no categories hides the strip from customers and shows setup guidance in the editor.
Section settings
Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.
Shows the collections nested under the current collection in a menu, with no other setup needed.
Each collection shows the collections nested under it in this menu, in menu order. A nested collection without its own shows its siblings. To set a list for one collection, use the optional custom.sub_collections metafield (list of collections), which takes priority.
Categories strip
Applies when all category tiles fit in the row.
Diameter of each category thumbnail.
Shape of each category thumbnail.
Choose how each category image fits inside its circle.
Animation when hovering a category tile.