When Ever I hover on the color it shrinks the image

When i hove on the color variations it shrinks
See pic attached to see

Attachments:

You must be logged in to view attached files.

Hello,

Please send me access to the admin dashboard so I can check that issue on your side.

Thank you in advance.

Kind Regards

Provided

Hello,

On my side the sizes are the same, here is a video: https://take.ms/afEVyG

Please clarify how I can replicate it on my side.

Kind Regards

Dont go in shop
On main homepage you will find out

Hello,

Okay, I see. Could you please make a clone of your website and move it to the staging platform? So I can make tests by enabling/disabling plugins etc.?

https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

Looking forward to collaborating with you!

Kind Regards

Hi,

Sorry for late reply
It is already a demo site working on it to improve and make it according to our needs
you can test it
I have backed up the site

Thanks

Any Update?

Hello,

This problem is related to your custom code, because when you hover over a swatch, a variation of this swatch is activated, and we do not have such behavior in our theme, since to choose a swatch, the customer must click on the swatch.

However this problem exists because the images for the variation are taken from a single product and do not crop to the dimensions specified in the dimensions of the product archive. Therefore, to solve this problem, you need to download images of square orientation for the variation.

Kind Regards

Can you send me the dimension
so i can download them to respective dimension

Hello,

For now, I suggest using the below code for help. Enter the below code into the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.product-element-top img {
	aspect-ratio: 1;
	object-fit: contain;
}

Then recheck the issue.

Kind Regards

[Author]

Posts