• Hello, i am having an issue with the checkout where the styling will look messed up on the initial page load. After entering the postcode and the shipping section refreshing it fixes but is there any fix for initial page load. https://prnt.sc/z3OwPs1ouIU9

    The site is using the Astra theme.

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

Viewing 1 replies (of 1 total)
  • Plugin Author bhavik.kiri

    (@bhavikkiri)

    Hi @matthieucnc,

    Thank you for providing the website URL, I have checked your website and noticed that you had disabled the plugin because I can not see the quantity field on the checkout page.

    Astra theme appears to dynamically add the quantity button using a JavaScript file, which functions correctly once the page is fully loaded. However, the initial load seems to require triggering the quantity button code using a different WooCommerce JavaScript Trigger.

    To resolve this, you’ll need to modify the “add-to-cart-quantity-btn.min.js” file located in the “astra/assets/js/minified” directory. Please insert the following code into that file:

    jQuery(function ($) {
    $(document.body).on('updated_checkout', function () {
    astrawpWooQuantityButtons();
    quantityInput();
    });
    });

    It’s crucial to ensure these changes only affect the checkout page to prevent disrupting the theme’s default behavior.

    I recommend reaching out to the theme author for further assistance, as they will be able to provide more specific guidance on this matter. Please keep me updated on their response; I’m here to help!

    Important: Always create a complete website backup before making any manual code changes.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.