How to Customize a Collection Page in Shopify (2026)

Last updated
Expert reviewed
5 min read
Jacques Blom
Jacques Blom
CTO at Fudge.

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.

Your collection pages are often the highest-traffic pages on your store. A well-designed collection page makes it easy for customers to browse, filter, and find what they want — which directly affects conversion rate.

Why you can trust us

Jacques has 15+ years of Shopify development experience. We’ve worked with hundreds of merchants on collection page optimisation, and we built Fudge — an AI storefront editor with a 5.0 rating on the Shopify App Store.


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:

Product grid settings

Click the Product grid or Main collection section to adjust:

Filters and sorting

Under Filter and sort settings, toggle:


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.

Want a custom collection layout? Describe it to Fudge.
Try Fudge for Free

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 your products are consistently tagged. A product tagged “blue” won’t appear in a colour filter if others use “navy” — consistency in tagging is important.


Collection page SEO tips

Collection pages are SEO goldmines if set up correctly:

Jacques's signature
Build custom collection layouts without a developer.

You might also be interested in

How to Add a Banner to a Shopify Collection Page (2026)
Learn how to add a banner image to Shopify collection pages. Covers the collection image method, Theme Editor sections, and per-collection banners
How to Create a Collection Page in Shopify (2026)
LearnhowtocreateacollectionpageinShopify,addproducts,customisethelayout,andunderstandthedifferencebetweencollectionsandpages.️
How to Add Sorting Options to a Shopify Collection Page (2026)
Learn how to enable sorting and filtering on Shopify collection pages. Covers Theme Editor sort settings, the Search & Discovery app, and available