Product variant issue

Topic summary

Issue: On the collection page, after filtering by a color (e.g., grey), product cards still display all color swatches beneath them. The client wants only the selected color’s swatch (grey) to appear under each product when that filter is active.

Clarifications: The requester confirmed the goal is to show only the filtered color swatch on product tiles. “Swatch” refers to the small color option selector; “filter option” refers to the collection page’s color filter.

Approach: A developer has implemented similar behavior on product pages but not specifically for color options on collection cards. They suggest this likely requires theme code customization and may vary by theme.

Next steps: The developer requested the store URL and theme details. If using the Dawn theme, they can proceed directly; for paid themes, they would need store access to modify underlying code.

Status: Ongoing. Awaiting theme/version and access details; no implemented solution yet.

Summarized with AI on December 25. AI used: gpt-5.

I have a project where client want if we select a color by filter option, so it should only show that color variant of the products only, rather than showing all the color variants. As you can see in the screenshot, I have selected the grey color in the filter. It shows all the gray hats but below(marked) it also shows the other colors. But my client wants it should only show the selected color. Please let me know if that is something I can do through coding or app.

@ikhlaspirzada6 i have done this kind of thing but for products on the product page. Not for the color options.

I am a bit confused though and also clarifying I mean color by filter option does the job for you I mean it gives you all the grey colored hats, do you want to just show only the grey color swatch beneath the products??

Thanks

Oh yes, i meant it should only show the grey swatch when I have selected
the grey filter.
Thank you

@ikhlaspirzada6 all right. I will need the store url and if you are using dawn then it’s ok coz I am using it as well but if you are using any paid theme i will need access to the store to change underlying code.

Please share the theme and the version you are using

Thanks