Collection page
The Collection page of Local: the collection banner, the product grid with filters, sorting and comparing, and the product card blocks.
Applies to: Local 4.2.1 and later. Added in: Local 1.0.0. Last checked: 2026-10-13 against Local 4.2.1.
The Collection page is the page of one collection: a banner with the collection title, then a grid of product cards with filters, sorting and an optional product comparison. The product cards are built from the same blocks as every product grid in Local.
Where to find it: Online Store → Themes → Customize → Collections → Default collection
The product grid is the first thing many customers see of your products. Its design (colors, image ratio, badges, buttons) comes from Theme settings → Product card and is the same in every grid. Its content and layout are set here, per collection template.
Collection banner
The Collection banner section shows the collection title as the page heading.
- Show collection description adds the collection description under the title.
- Show collection image turns the banner into an image banner with the collection image behind the title. A collection without an image keeps the plain title.
- With the image on, Text alignment places the title in one of nine positions, Overlay tints the image and Text sets the text color.
- Fullwidth stretches the image banner to the edges of the screen and puts the breadcrumb inside it. Remove bottom margin removes the space under the banner.
The description and image are edited in Shopify admin → Products → Collections, not in the theme.
Filtering and sorting
- Enable filtering (on by default) shows the filters. Which filters exist (availability, price, vendor, product type, options, metafields) is set in Shopify admin with the Shopify Search & Discovery app, not in the theme. See Shopify's guide to storefront filtering.
- Enable sorting (on by default) shows the sort menu (best selling, price, alphabetical, date).
- Enable comparing (off by default) adds the Compare switch and the compare bar. See Product comparison page.
- Show filters as shows the filters as a List above the grid (default) or in a Sidebar on the left.
- Expand sidebar filters by default and Stick filters sidebar to the top (Sidebar only) open every filter group when the page loads and keep the sidebar in view while scrolling.
- Image filter layout shows filters with images (visual filters from Search & Discovery) in 1 or 2 columns.
On phones the filters open in a drawer.
Layout
- Products per page sets how many products load before the pagination, 12 to 212 (default 24).
- Desktop layout sets 3, 4 (default) or 5 products per row on desktop.
- Mobile layout sets 1 (default) or 2 products per row on phones.
Product card blocks
The Product grid section builds every card from blocks: Price, Title, Quick buy, Vendor, Rating, Local availability, Icons list, Dynamic text, Product link and Empty space. Add the blocks you want, drag them into order, and set the ones that need data. Some blocks work by default; others need setup:
- Dynamic text needs a product metafield.
- Rating needs a reviews app.
- Local availability needs the store selector and local pickup.
- Icons list needs the icon metafields in Theme settings → Product card.
Each block and its setup is on Product grid blocks.
How do I show filters in a sidebar?
Select the Product grid section and set Filtering and sorting → Show filters as to Sidebar. Then choose Expand sidebar filters by default and Stick filters sidebar to the top. On phones the filters always open in a drawer.
How many products can a collection page show?
Up to 212 per page, set with Products per page (default 24). More products continue on the next pages through the pagination at the bottom of the grid.
Why do my filters not show?
Because Enable filtering is off, or because no filters are set up for your store. Shopify creates the filters: install the Shopify Search & Discovery app and add filters there.
All Collection page settings
Every setting, with its type and default.
Where to find it: Collections → Default collection → Collection banner.
Show collection description (checkbox, default: off): Shows the collection description under the title.
Show collection image (checkbox, default: off): Shows the collection image as a banner behind the title. Collections without an image keep the plain title.
To change collection descriptions or collection images, edit your collections in Shopify admin.
Text alignment (dropdown, default: Left bottom). Options: Left top, Center top, Right top, Left middle, Center middle, Right middle, Left bottom, Center bottom, Right bottom. Shown only when Show collection image is on.
Collection banner section: Custom card design
Where to find it: Collections → Default collection → Collection banner → Custom card design
The Collection banner section uses the standard Custom card design settings, listed in General section styling. Not available in this section: Border, Shadow, Hide border and Hide shadow.
Overlay (color, default: transparent): Tints the collection image so the title stays readable. Shown only when Show collection image is on.
Text (color, default: transparent). Shown only when Show collection image is on.
Fullwidth (checkbox, default: off): Stretches the image banner to the edges of the screen and moves the breadcrumb inside it. Shown only when Show collection image is on.
Remove bottom margin (checkbox, default: off): Removes the space under the image banner. Shown only when Show collection image is on.
These settings differ from the standard ones or exist only here:
Overlay (color, default: transparent): Tints the collection image so the title stays readable. Shown only when Show collection image is on.
Fullwidth (checkbox, default: off): Stretches the image banner to the edges of the screen and moves the breadcrumb inside it. Shown only when Show collection image is on.
Remove bottom margin (checkbox, default: off): Removes the space under the image banner. Shown only when Show collection image is on.
Where to find it: Collections → Default collection → Product grid.
Accepts these blocks: Price, Title, Quick buy, Vendor, Rating, Local availability, Icons list, Dynamic text, Product link and Empty space.
Products per page (slider 12 to 212, step 2, default: 24): Sets how many products load before the pagination, 12 to 212.
Product grid section: Filtering and sorting
Where to find it: Collections → Default collection → Product grid → Filtering and sorting
Enable filtering (checkbox, default: on): Shows the filters. Which filters exist is set in Shopify admin with the Search & Discovery app.
Enable sorting (checkbox, default: on).
Enable comparing (checkbox, default: off): Adds the Compare switch and the compare bar, so customers can select up to 4 products for the comparison page. Needs the Products → compare template.
Show filters as (dropdown, default: List): Shows the filters as a list above the grid or in a sidebar. On phones they open in a drawer. Options: Sidebar, List.
Expand sidebar filters by default (checkbox, default: on): Opens every filter group of the sidebar when the page loads. Shown only when Show filters as is Sidebar.
Stick filters sidebar to the top (checkbox, default: on): Keeps the filter sidebar in view while customers scroll. Shown only when Show filters as is Sidebar.
Image filter layout (dropdown, default: 1 column): Shows filters with images (visual filters from Search & Discovery) in 1 or 2 columns. Options: 1 column, 2 columns.
Product grid section: Layout
Where to find it: Collections → Default collection → Product grid → Layout
Desktop layout (dropdown, default: 4 columns). Options: 3 columns, 4 columns, 5 columns.
Mobile layout (dropdown, default: 1 column). Options: 1 column, 2 columns.
Price block
Where to find it: Collections → Default collection → Product grid → Add block → Price
One Price block per section.
The Price block has no settings in Local 4.2.1.
Title block
Where to find it: Collections → Default collection → Product grid → Add block → Title
One Title block per section.
The Title block has no settings in Local 4.2.1.
Quick buy block
Where to find it: Collections → Default collection → Product grid → Add block → Quick buy
One Quick buy block per section.
The Quick buy block has no settings in Local 4.2.1.
Vendor block
Where to find it: Collections → Default collection → Product grid → Add block → Vendor
One Vendor block per section.
The Vendor block has no settings in Local 4.2.1.
Rating block
Where to find it: Collections → Default collection → Product grid → Add block → Rating
One Rating block per section.
The Rating block has no settings in Local 4.2.1.
Local availability block
Where to find it: Collections → Default collection → Product grid → Add block → Local availability
One Local availability block per section.
This theme shows local availability for products.
Icons list block
Where to find it: Collections → Default collection → Product grid → Add block → Icons list
One Icons list block per section.
This theme allows you to add custom product icons through dynamic content. See Dynamic icons list theme settings.
Dynamic text block
Where to find it: Collections → Default collection → Product grid → Add block → Dynamic text
Label metafield (text field): Type the product metafield to show, as namespace.key (for example custom.product_info). The theme reads it for every product card; products without a value show nothing in this line.
Text size (dropdown, default: Regular): Sets the size of the metafield text in the card. Options: Small, Regular, Large.
Text color (color, default: #6A6A6A): Sets the color of the metafield text (grey by default).
Text transform (uppercase) (checkbox, default: off): Shows the metafield text in capital letters.
Product link block
Where to find it: Collections → Default collection → Product grid → Add block → Product link
One Product link block per section.
Button label (text field, default: "View product"): Sets the text of the button that opens the product page.
Empty space block
Where to find it: Collections → Default collection → Product grid → Add block → Empty space
The Empty space block has no settings in Local 4.2.1.
Related pages
Quick view popup
The Quick view popup of Local opens from Quick buy on product cards; its template sets the gallery and which product blocks appear.
Product comparison page
The Product comparison page of Local builds a comparison table from up to four products a customer selects in the collection grid.