Price disappear on hover

Hi,

I have a problem on one of my products. The price disappear when hovering my mouse over the product. Please see this video that shows the problem on the product to the far right:

http://cloud.refica.dk/21fa2c5dd0e3

Any idea why this happens? As far as I can see the product setup is the same as all the other products.

Kind regards,
René

Hello,

Please provide your site admin access so that we could check.

Best Regards

I have attached login login credentials.

Hello,

You say “price disappear when hovering the mouse over the product” Now I do not see this problem, please specify: https://gyazo.com/b96f01521c2d46b38b83e94d60b77952

Best Regards

It is only on one product.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

body .woodmart-hover-base.has-stars.product-type-external.state-hover .wrapp-product-price, 
body .woodmart-hover-base.has-stars.product-type-external:hover .wrapp-product-price, 
body .woodmart-hover-base.has-stars.purchasable.state-hover .wrapp-product-price, 
body .woodmart-hover-base.has-stars.purchasable:hover .wrapp-product-price {
		transform: translateY(0) translateZ(0);
    -webkit-transform: translateY(0) translateZ(0);
}

Regards

Hi Bogdan,

That solved the problem. But what happens if the product get a star rating in the future?
As far as I know this is the only product with the problem so a general CSS change is maybe not the best solution.
I could try to delete the product and set it up a again to see if the problem disappears.

Hi,

It doesn’t work well because you are using some extra plugin for reviews. But with that CSS code it should be correct.

Regards

Great thank you.

You are welcome!

[Author]

Posts