1

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">
         <width>120</width>
         <height>90</height>
    </image>
0

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">
             <width>50</width>
             <height>50</height>
</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. – David Henry Nov 2 '16 at 16:42
0
  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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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