Tab-style navigation between related collections, for catalogs organized into families.
Merchant-addable
Yes
Settings
12
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.
Configure the Categories strip group — which collections appear and how they are labeled.
Where the content comes from
Shopify collections.
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.
Displays sub-collections linked via the parent collection's metafield `custom.sub_collections` (type: list of collection references).
Categories strip
Hide categories with no productsCheckbox
ID
hide_empty_categories
Default
On
Show product countCheckbox
ID
show_count
Default
On
Horizontal alignmentDropdown
Applies when all category tiles fit in the row.
ID
tile_alignment
Default
Left
Leftleft
Centercenter
Rightright
Tile sizeDropdown
Diameter of each category thumbnail.
ID
tile_size
Default
Medium
Smallsmall
Mediummedium
Largelarge
Tile shapeDropdown
Shape of each category thumbnail.
ID
tile_shape
Default
Circle
Circlecircle
Square (sharp corners)square
Rounded squarerounded-square
Arch (rounded top)arch
Leaf (diagonal corners)leaf
Blob (organic, fluid)blob
Hexagon (6 sides)hexagon
Squircle (smooth, iOS-style)squircle
Pointed arch (gothic)pointed-arch
Diamond (rotated square)diamond
Image displayDropdown
Choose how each category image fits inside its circle.