Showing product color variants as seperate products on collection page - but now filter doesnt work?

Store Design

Topic summary

Main issue: Displaying each product color variant as a separate product on the collection page causes the “Color” filter to have no effect; all variants still show.

Context & evidence:

  • Store is in preview; navigation via “Shop now” shows the affected collection.
  • A screen recording and a screenshot were provided to illustrate the behavior and suggested edits.

Proposed approaches:

  • Manually edit product variants one by one so filtering works as intended (no technical details provided on what fields to change).
  • Use a paid app (Ultimate Search and Filter) that supports both filtering and treating variants as standalone products.

Status & open questions:

  • No confirmed resolution; differing suggestions exist without verification that either fixes the issue in this setup.
  • Key open point: whether native filtering can be configured to work with “variants as products” without third‑party apps, or if app-based handling is required.

Notes:

  • Video and image attachments are central to understanding the problem and the manual-edit suggestion.
Summarized with AI on February 22. AI used: gpt-5.
1

Hi,

I have made a screen recording explaining of my issue:
https://sharing.clickup.com/clip/p/t20458489/4099c70a-ee5d-470f-be49-75b4e3f412db/screen-recording-2022-01-11-19:34.webm

I have a developer who made all my product color variants display as individual products on my collections page - Great!

BUT, when i try to use the filter option “color” and choose to show fx only “Blue”, all the variants keeps showing, and nothing happens.

The website is not done yet, so i only have a preview link for you guys:

When you click “Shop now” on the banner, on the home page, you will get navigation to a collection, containing the product shown within the screen recording.

I have some doubts about the talent of my developer, so i just want to know if guys will say the same as he does.

Any idea how to fix this?

Thank you for your time!

2

Hello Alexanderknakk,

you need to edit all the products variants one by one so it will be working fine. I have attached a screenshot.

variants.png
variants.png1196×645 56.5 KB

3

I understand your frustration that both solutions does not work together. The filter and variants as products features are supported in this paid app https://apps.shopify.com/ultimate-search-and-filter-1. It allows you to filters and use the the variants as products too.