Badge Layout Issue

  • Hi,
    We have been facing an issue with the badge layout on our website.
    The Shop loop product block elements are repositioned using CSS flex and order on our website.
    The issue is that whenever the page loads, the badge position does not change. The position is changed only after a mouse event as per requirement. This case is similar to the Single product page as well, that is the badge hides only after the mouse event.
    In short, the customizations of the badge are not reflected on the page load.

    The cache plugin we use is wp-rocket. Disabling the plugin, it works yet the badge shows some layout shifts. Also tried excluding css and js files, that didn’t do the job.

    Please do the needful. Thankyou.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support crodriguez1991

    (@crodriguez1991)

    Hello there,

    I hope you’re doing well ??

    I checked your site and seems it’s a conflict with your theme or other plugin.

    Could you try to disable all plugins leaving only WooCommerce and YITH Badge and try again?

    If continue to not work, try to switch to a default theme like TwentySixteen and try again.

    I’m looking forward your response.

    Have a good day

    Thread Starter dhathriitsupport

    (@dhathriitsupport)

    Hi,
    We have tried deactivating all the plugins and also changing the theme. But the issue still persist. There is a layout shift.
    Also with wp-rocket enabled, the delay in reposition is more.

    Please provide any visual hook to change position of badge in shop loop item, if there is any.

    Thanks,

    Dhathri

    Plugin Support Facundo Arano

    (@aranofacundo)

    Hi there,

    I checked your site again, and it seems the delay in the repositioning of the badges is related to the Delay JavaScript execution feature of WP Rocket.

    If you use the following link, you will see the reposition works correctly on the page load: https://www.dhathriayurveda.in/?nowprocket

    You can find more information about the feature in the following page: https://docs.wp-rocket.me/article/1349-delay-javascript-execution

    Let us know if you need more help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Badge Layout Issue’ is closed to new replies.