How to filter product colors based on fabric type?

Hi!

I’m trying to create a filter, or toggle switch if you will, that will filter a products color options based on material selected. The customer can switch between wool and polyester, and the colors listed in the “variant” will be limited to the ones available in the selected fabric.

Anyone know of an app that can solve this? Budget $10-20 pr month.

I am looking at the way product variants are listed in the template code, and I am considering writing my own code to sort this out, so if anyone have done this before I’d greatly appreciate some input.

Than you for your time. :slightly_smiling_face:

For shopify on product pages thats linked variant options; NOT filters , filters are for collections.

There is an advanced customization guide for this applicable to some shopify themes

https://community.shopify.com/c/shopify-design/variants-link-product-options/m-p/615156

The other approach is to do this at the collection level using filters for all products in that collection.

Or more advanced done in tandem with customizations that present a collection as if it was just 1 product.

https://help.shopify.com/en/manual/online-store/themes/customizing-themes/storefront-filters

1 Like

Thank you for your feedback, Paul. I see I have to rephrase my question a bit. Sorry for the ambiguity.

I’m trying to create a conditional option, where the first selection limits what’s available in the second option. Wool and polyester fabrics have different color options, and I was thinking that the first selection could filter the second. There are apps that can handle it, sort of, but i already use an app to show product images based on selected configuration. That’s a must have, and it’s based on variants. Virtual variants won’t work.

hi Upandaway,

If you mean that you want the color variants to display conditionally upon the previously selected variant (fabric), you can try this free app as they have conditional logic feature: apps.shopify.com/avisplus-product-options

hope it helps!

2 Likes