Badges overlapping menu

I just figured out it’s the z-index in the CSS which is at 100. I added into the custom CSS and changed it to 10 and the problem is solved. Maybe this is something you could change in the next version.

I was also wondering if there’s a way to also get the badges on the single product page?

Cheers,
Tom

Hi there,

Thank you very much for your fast response and effort to make some changes. I have just tested the new version on my staging website, and on the single product page the image now acts a bit weird. You can see what I mean here: https://www.gr8mag.be/staging/product/p1-waterless-wash-wax-cloned/

And I know I am asked a lot already, but if it would be possible to also change the weight of the font in the badge, that would be awesome. Of course I could also do this with css, but better to keep it all together isn’t it 😉

I’ll leave a review for sure!

Cheers,
Tom

Hi guys,

You did an awesome job, it seems to be working great now. Thank you very much to add in the requests!

Going to leave my review.

Cheers,
Tom

Hi there,

I am sorry to bother you again, but this morning I suddenly noticed that whenever a product has multiple product images as a gallery, the images are all shown in full size underneath each other when checking the box for ‘Show on single product page’.

Here you can see it happening: https://www.gr8mag.be/en/product/gr8-air-freshener-fruit-mix-en/

It would be great if you could have a look at this.

Thanks and cheers!
Tom

Hi there,

Thank you again for taking the effort to fix the issue. There are still a few things going wrong though.

The image of a product with multiple photos is showing correct now. But the badge is in the wrong position and also the zooming function when hovering over the photo is not working anymore (part below the badge): https://www.gr8mag.be/staging/product/gr8-luchtverfrisser/

Weird thing is, for this product, the badge is in the correct position, but also the zoom on hover is not working anymore: https://www.gr8mag.be/staging/product/p1-waterless-wash-wax-cloned/

For a product with only one image and no product gallery, the image is still showing up as a thumbnail as you can see here: https://www.gr8mag.be/staging/product/p1-waterless-wash-wax/

Also, when adding a product in your basket which has a badge, makes the image shift off position when hovering over the basket in the menu. Screenshot: https://ibb.co/CnKvJGR

Same issue happens in the ‘recently viewed products’ widget. Screenshot: https://ibb.co/vYh1rp2

And then a last remark; When putting a product which has a badge in your shopping cart, the badge is overlapping the thumbnail. Maybe it would be better if in this step, the badge isn’t shown? Screenshot: https://ibb.co/GRSJKr4

Sorry guys, I feel as I am making your lives quite hard right now haha 😉
But this way I’m hoping to help you optimize your plugin.

Cheers and thanks in advance!
Tom

Hi there,

Thank you for the update! I just checked and most issues have been fixed now, but now it seems the badges have disappeared from the product archive: https://www.gr8mag.be/staging/product-category/p1-car-care-nl/

If that could be fixed, I think all issues will be gone 😉

Cheers,
Tom

Hi there,

I’ve emailed you the requested data 🙂

Cheers and thanks!
Tom