How to Customize a Collection Page in Shopify (2026)

Key takeaways

• Collection page customisation happens in the Theme Editor — navigate to any collection page to edit its layout.
• You can add a banner, description, and additional content sections above and below the product grid.
• Filters, sorting, and grid column count are all adjustable in the Theme Editor on most modern themes.
• For a fully unique layout on a specific collection, create a custom collection template.

To customize a collection page in Shopify, open Online Store → Themes → Customize, switch to a collection page, then edit the collection header, product grid and filter settings. To change one collection only, give it its own template.

Why you can trust us

Jacques has over 15 years of development experience. We’ve worked with hundreds of merchants on collection page optimisation, and we build Fudge, the AI operator for Shopify stores, with a 4.9 rating on the Shopify App Store. Collection layouts are among the changes its store editor makes in a theme.

How to access collection page settings in Shopify

Step 1. Go to Online Store → Themes → Customize.

Step 2. At the top of the editor, click the page type selector and choose Collections → Default collection (or navigate to a specific collection URL while the editor is open).

Step 3. The left sidebar shows the sections and settings for your collection template.

What you can customise on a Shopify collection page

Collection header

Most themes show the collection title and optionally an image and description at the top of the page. In the Theme Editor, click the collection header section to update:

• Banner image — set a hero image for this collection
• Description — the collection description you entered in the Admin appears here
• Text overlay — some themes let you control the title position and text colour over the image

Product grid settings

Click the Product grid or Main collection section to adjust:

• Products per row — typically 2–4 on desktop
• Image ratio — square, portrait, or landscape (keep this consistent with your product photo format)
• Show/hide — quick add buttons, product badges, vendor name, sale price

Filters and sorting

Under Filter and sort settings, toggle:

• Show sort — lets customers sort by price, best selling, newest, etc.
• Show filters — faceted filtering by tag, price range, availability
• Filter layout — horizontal bar vs vertical sidebar

For more sort options, see how to add sorting options to a Shopify collection page.

How to add a banner to a Shopify collection page

Option 1 — Use the collection image. Set a collection image in Products → Collections → your collection → Collection image. Most themes display this as the banner automatically.

Option 2 — Theme Editor section. Some themes have a dedicated “Collection banner” section you can customise per collection.

Option 3 — Custom header section. If your theme doesn’t support per-collection banners natively, a developer or Fudge can add a section that reads the collection image or a custom metafield.

How to add custom text to a Shopify collection page

The collection description (entered in Products → Collections → your collection) renders on the page. This is the simplest way to add unique text to a collection.

For richer content — paragraphs, styled callouts, or sections below the product grid — add content sections via the Theme Editor. Most themes let you add rich text, image-with-text, or feature blocks below the product grid.

How to create a custom layout for a specific collection

By default, all collections share the same template. To give one collection a unique layout:

Step 1. In the Theme Editor, navigate to a collection page.

Step 2. At the top of the editor, click the template name → Create template → Collection.

Step 3. Name it (e.g., sale or featured).

Step 4. Customise the layout — rearrange sections, add new ones, remove what you don’t need.

Step 5. Assign the template to your collection. Go to Products → Collections → your collection → scroll down to Theme template → select your new template.

That collection now has a unique layout. All others stay on the default.

How to add filters to a Shopify collection page

Filters in Shopify are powered by Search & Discovery — Shopify’s free app for faceted filtering.

Step 1. Install Search & Discovery from the Shopify App Store (it’s free).

Step 2. In the app, go to Filters and add filter options — by product type, vendor, price, availability, or any tag or metafield.

Step 3. In the Theme Editor, enable the filter display under your collection’s filter and sort settings.

Filters only work if product data is consistent. Build colour and size filters from variant options or metafields rather than tags, and use one value per colour.

Collection page SEO tips

Collection pages can rank for category searches:

• Use keyword-rich titles — “Men’s Leather Wallets” rather than “Accessories”
• Write a real collection description — 100-200 words targeting the category search term
• Customise the URL — /collections/mens-leather-wallets not /collections/ac-12
• Internal linking — link to collection pages from blog posts and other collection descriptions

To add buttons to the page itself, see how to add CTAs to a Shopify collection page.

FAQ