I'm looking to change the size of the default swatch thumb in the layered navigation.

I've tried changing the view.xml from the theme and running:

php bin/magento catalog:images:resize

The command is successful but no image sizes change.

This is the main post I've looked at.

In view.xml I have:

    <image id="swatch_image" type="swatch_image">

3 Answers 3


Not sure how you changed the values for swatch size but inside your view.xml file following needs adding:

<image id="swatch_image" type="swatch_image">

Adjust height and run php bin/magento catalog:images:resize

  • Thanks Devtype, yes, I've added code like that but there's been no change after running the command successfully. Nov 2, 2016 at 16:42
  1. change view.xml
  2. refresh magento's cache
  3. run php bin/magento catalog:images:resize
  4. flush browser's cache
  5. check the css which wraps the swatch images

Anyone known how to show "thumbnail" instead of "swatch image"?

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.