Collection pages
Section class: section-collection
Supported blocks
_sidebar
Settings
| Setting | ID | Type | Default | Description |
|---|---|---|---|---|
| Full width | full_width | checkbox | false | |
| Section class | class | text | md:py-5 py-3 | Tailwind utilities for this section. Space separated, e.g. mt-2 mb-4 px-6. Spacing scale: 0-10 plus 15 and 20 (1 = 0.25rem = 4px); responsive with md: / lg:, e.g. lg:px-20 lg:mt-10. |
| Paging | show_paging | select | btn | |
| Show product total | show_total | checkbox | true | |
| Show view button | show_view | checkbox | true | |
| Enable filter | show_filters | checkbox | true | |
| Show "Featured" | coll_show_feat | checkbox | false | Show the manual (Featured) sort option. |
| Related collections | related_collections_style | select | gallery-below | |
| Show collection description | show_collection_description | checkbox | true | |
| Position | breadcrumbs | select | above | |
| Link color | breadcrumbs_color | select | gray-500 | |
| Custom text color | breadcrumbs_link_color | color | #111827 | Only used when Link color is Custom. |
| Alignment | breadcrumbs_align | text_alignment | center | |
| Items per page | per_page | range | 12 | |
| Items per row (desktop) | card_per_row | range | 4 | |
| Items per row (mobile) | card_per_row_mob | select | 2 | |
| Enable masonry | card_masonry | checkbox | false | When default layout is grid. |
Option values
- Paging (
show_paging): Infinite scroll (ajax), Show buttons (btn) - Related collections (
related_collections_style): Buttons (buttons), Gallery, above product cards (gallery-above), Gallery, below product cards (gallery-below) - Position (
breadcrumbs): Above top banner (above), Above page title (above-title), Below banner text (below-text), Below top banner (below), Hide (hide) - Link color (
breadcrumbs_color): Primary (primary), Secondary (secondary), Success (success), Warning (warning), Danger (danger), Base text (base-text), Heading text (heading-text), Black (black), White (white), Gray 100 (gray-100), Gray 200 (gray-200), Gray 300 (gray-300), Gray 400 (gray-400), Gray 500 (gray-500), Gray 600 (gray-600), Gray 700 (gray-700), Gray 800 (gray-800), Gray 900 (gray-900), Random (random), Custom (custom) - Items per row (mobile) (
card_per_row_mob): 1 (1), 2 (2)
💡 Edit via Shopify Admin → Online Store → Themes → Customize.