Support » Plugin: Badges Woo » Badges overlapping menu

  • Resolved Tom M

    (@tominthephilippines)


    Hi guys,

    Great and easy plugin! But I seem to be having an issue with the badges overlapping my navigation menu. Screenshot: https://ibb.co/t2ghDwZ

    I am using Elementor Pro with Astra Pro theme. The menu also comes from Astra and is not an Elementor header. It happens both on desktop and mobile.

    Could you please have a look how we can fix this?

    Thanks and cheers,
    Tom

    • This topic was modified 1 year, 6 months ago by Tom M. Reason: Noticed it also happens on desktop, so I changed the text

    The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)
  • Thread Starter Tom M

    (@tominthephilippines)

    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

    Plugin Author TaxarPro

    (@taxarpro)

    Hi Tom,

    I have uploaded a new version that fixes the CSS problem 🙂 1.0.2

    From this version it is possible to show the badge on the product page, you just have to check the option, we have also added the possibility of applying a Zoom to adjust the size, since by default it would be very small, in your case you can try with Zoom to 2

    Please let us know if the problem is resolved and the new option meets your needs.

    Thanks for using our plugin, I hope you liked it 🙂 If you want you can leave a review.

    Thread Starter Tom M

    (@tominthephilippines)

    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

    Plugin Author TaxarPro

    (@taxarpro)

    Hi! 🙂

    We have updated the plugin again, we have done some tests.

    You can try the new version (1.0.3), we have also added the option of the font weight.

    Thank you!

    Thread Starter Tom M

    (@tominthephilippines)

    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

    Plugin Author TaxarPro

    (@taxarpro)

    We are very happy, thank you for your contribution.

    Cheers

    Thread Starter Tom M

    (@tominthephilippines)

    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

    Plugin Author TaxarPro

    (@taxarpro)

    Hi Tom

    Check last release 1.0.4 🙂

    Thread Starter Tom M

    (@tominthephilippines)

    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

    Plugin Author TaxarPro

    (@taxarpro)

    Hello,

    Try the new version 1.0.5 🙂

    Regards!

    Thread Starter Tom M

    (@tominthephilippines)

    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

    Plugin Author TaxarPro

    (@taxarpro)

    Hi Tom,

    Please contact with us, info@taxarpro.com.

    If possible send us a username and password for the test site, we will fix the plugin directly in your installation and thus we can check that everything works correctly.

    Regards

    Thread Starter Tom M

    (@tominthephilippines)

    Hi there,

    I’ve emailed you the requested data 🙂

    Cheers and thanks!
    Tom

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Badges overlapping menu’ is closed to new replies.