Example: I have a configurable product, it has 2 colour options - green yellow and white blue. It is located in t-shirts category.

When I navigate to t-shirts category on my website I see my products thumbnail, which is an image I have manually selected as thumbnail when I created the configurable product (green yellow as this is more popular colour).

Now I select colour white blue in the magento layered filter on left hand side of the screen and as you would suspect only products containing white blue should remain, my product has a white blue option (one of the configurable product variations), but thumbnail hasn't changed, its still what I have manually selected previously. I would like the image that I have attached to white blue option of this product to be displayed. Anyone know, how to get this thumbnail to change according to filter selection?

Image uploaded enter image description here

  • Yes I am using colour swatches, all works fine in product view, also works in category view, filter by colour works fine, the only problem I have is the thumbnail of products does not change when filter is applied in category view.
    – K.I
    Commented Feb 10, 2017 at 15:48
  • @FabianBlechschmidt I have attached an image in my question as I realize my explanation might not be the best in the world :)
    – K.I
    Commented Feb 10, 2017 at 15:59
  • Ok, there are no swatches on product list, therefore you have to implement it, if you want it., Commented Feb 10, 2017 at 23:34
  • Please note this is a category view, not product view. Don't be confused.
    – K.I
    Commented Feb 21, 2017 at 10:49

2 Answers 2


I have found a solution to my problem and I thought I will share it just in case if someone else runs into the same problem.

What I had to do to get it working was go to System>Catalog>Configurable Swatches>General Settings and make sure that attribute by which you want to filter is selected in the "Product Attribute to Use for Swatches in Product Listing" section. That's it, my product images change every time I apply different colour filter providing that this configurable product have that colour option.


Any idea how this is done in Magento 2.4.4?

  • In 2.4.6 you'll find "Update Product Preview Image" config in the product attribute edit page. That has probably been there for a few versions. Commented Jul 6, 2023 at 16:01

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.