Product Image thumbnail doesn’t cover background in shop

Looking at the code the top image is being rendered at 173px and the bottom at 196px

Not sure what you’re using to do the rollover effect but is there something in the settings for that?

Hi Charlie,

As @seank123 mentioned, it seems to be connected to the tool you’re using for the mouse over effect. You’d be best placed checking with the author/developer of the specific tool for direct assistance here.

If you share with us the tool, we may offer some insights where possible.

Thanks.

It is simply WooCommerce I think. It might be Themify, but apart from that no plugins are installed.

Charlie

Hi!

I’ve taken another look at the Store found that the product images use different aspect ratios. As an example, the “Gaming PC – Athlon II X4 630 2.8GHz, GTX 770 4GB, 8GB RAM, 500GB storage, 700W PSU” product uses a 3:4 ratio (300px x 400px). In contrast, the “Gaming PC – GTX 1060 3GB, FX-8300, 8GB RAM, 820GB storage, 750W PSU, Fractal” product uses a 1:1 ratio (300px x 300px).

I also see that this is being controlled by the Themify. I recommend two things. First, update the product images so they all use the same aspect ratio. Check with your theme to see if there are any recommended sizes. Once that is done clear any caches the site or server use and test.

If that doesn’t resolve the issue the second thing to do is reach out to the Themify support team to see if they can provide any insight or resolution to this issue. I hope this helps!

Hi @charliehillary

We’ve not heard back from you in a while, so I’m marking this thread as resolved. Hopefully, you were able to find a solution to your problem! If you have other questions, please feel free to open a new topic.