Automatic filter for collection pages - help!

Shopify Discussion
1

Hi everyone,

I’m new to Shopify so sorry if this has been answered before. I searched the forums but couldn’t find anything. My site is a handmade pottery site (www.lilyandsophia.com) and we have 9 different products, each coming in 6 different colours. The colours have been labelled as variants within the 9 products.

I have set up variant (colour) filters in my product pages (best example here, I’m still editing and uploading), which works well because the images on the product cards change to match the colour selection, and then when a product is clicked, that colour variant is automatically selected on the purchase page.

However, when I make a collection for a particular colour (done using the automatic selection, variant text “contains” [the colour I want]), the same does not happen. The image goes back to the default image for that product, which doesn’t match the collection.

My question is: When I create a collection (e.g. here), can I turn on a filter automatically, so all the correct images are shown in the collection, and the click-through option is the correct colour?

THANK YOU!

(PS, not all the products have all the photos added to the colours yet. Just the plates and some bowls.)

(PPS - don’t judge the photos, they are test photos while I get the website up and running :slightly_smiling_face: )

2

Hi @lilyandsophia It seems there’s a solution with making all variants separate products (so you can make collections of them), and then using an app to make them still work like variants: https://apps.shopify.com/linked-options There are also solutions with metafields and custom code, like ChefJuanPi’s answer here: https://community.shopify.com/c/shopify-design/how-to-create-collections-of-variants-or-something-similar/m-p/1606555

3

In case anyone else comes looking for this. I found an easy solution. When you filter by a particular variant (in my case colour), the URL of the product page changes. You can then copy this URL and paste it as a link using a “Multicolumn” section. Put the image of your variant in the image of the multicolumn, and then link the text to your copied URL which is pre-filtered. That way, you get the product page filtered by variant, the correct variant selected when you click through, and you don’t need to use any fancy apps or plug ins.

Hope it helps someone.