Product flip issue

[fourvibes]

Dear JanStudio, we used to have an issue with product flippin which got fixed inserting those codes in CSS Theme Options:

.product-image:hover > .db::before { opacity: 0;}
.product-image:hover .product-button > * { transform: scale(0); display: none;}

.product-image:hover .product-image-flip .back {opacity: 1;}

.product-image .product-image-flip:hover .back img {
transform: none;
}

After this last updated, this is a problem again (please see the video: https://www.youtube.com/watch?v=nlT2ufN4b0k)

We want the same as before, show another picure from product when hover (without any effect) just a simple change from one pic to another.

Thanks

[fourvibes]

It’s quite urgent, thanks!

[Harry]

Hi Fourvibes,

Sorry because inconvenience.

You can change prev code to

.product-image:hover .db::before { opacity: 0;}
.product-image:hover .product-button > * { transform: scale(0); display: none;}

.product-image:hover .product-image-flip .back {opacity: 1;}

.product-image:hover .product-image-flip .back img {transform: none;}

to fix the issue.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[fourvibes]

Now hover effect is fixed but somekind of colour covers the image, please how to remove it to see image clearly? (Please see image)

Thanks!

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

This issue because your product images doesn’t have same (original) dimension.

The product image is bigger than the first image in Gallery

You can fix by upload images have same dimension or go to Tools > Regenerate Thumbnail

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[fourvibes]

I regenerated but issue still there.

Attachments:

You must be logged in to view attached files.

[fourvibes]

OK, issue is fixed. I just had to wait 5 minutes to see changes. Thanks a lot JanStuidio!

[Author]

Posts