Plugin conflicts with “My Account” button

Oh and the Checkout Icon in top right won’t work after come to this page. i have to leave the search panel inactive until someone can help, as it uses live search API data.

It appears you are using an old version of the plugin (2.9.2) rather than the latest 2.9.3 (which was released on August 9). Could you update to the latest version, clear your cache and check if the issue persists?

i tested on my live site with new version. it is same issue. again you won’t be able to see the error with the search panel getting stuck over the My Account page unless i enable my algolia plugin. And i would hope you could tell me when to do this so i don’t have to leave it on because even the sandbox site uses live data filter and i don’t want searches on live to pull results from sandbox via API. but even without the Algolia plugin enabled, you can see that once you press My account icon, then the cart icon also does not work on this page, while your plugin is enabled. I have meanwhile upgraded to 2.9.3

I’m not sure about the causality here because the only thing we do on the frontend is print an inline script to change the link target of the PDF Invoice button on the My Account page. There was a bug in this with version 2.9.2, but that was resolved in 2.9.3. Checking my browser console on your My Account page I see two errors, neither of them from PDF Invoices. Both are inline scripts that appear to be coming from your theme (Claue), and I actually think it might be that you have entered CSS in a settings field that is meant for custom JavaScript. I’m seeing this which is throwing an error:

<script type='text/javascript' id='jas-claue-script-js-after'>
var JASAjaxURL = "https://sandbox.bestfitbybrazil.com/wp-admin/admin-ajax.php";var JASSiteURL = "https://sandbox.bestfitbybrazil.com/index.php";.wpos-calue-custom-cart-page .wpos-res-addon-product-remove-btn {
position: relative;
display: inline-block;
content: '';
width: 24px;
height: 24px; 
background-image: url("../claue-child/includes/assets/image/remove-cart-product-icon2.png"); 
background-repeat: no-repeat; 
background-size: cover;
background-position: center center;
}

</script>

and it’s throwing this error:

Uncaught SyntaxError: expected expression, got ‘.’

And there’s also this:

<script>
(function() {
    setTimeout(function(){

        console.log(' jahnav ');
        var header = document.getElementById("jas-header");
        var sub_head = document.getElementsByClassName('header__mid pl__15 pr__15');
        var sticky = sub_head[0].offsetTop;

        function scroll() {

            if(screen.width > 768 ){ return; }

            if (window.pageYOffset > sticky) {
                console.log('fix');
                header.classList.add("header-sticky");
                sub_head[0].setAttribute('style', "position: fixed;");
            } else {
                header.classList.remove("header-sticky");
                sub_head[0].setAttribute('style', "");
            }
        }

        window.addEventListener("scroll", scroll);

        setTimeout(function(){
            document.getElementsByClassName( 'bx-loading' )[0].style.display = 'none';
        }, 1000);

    }, 1000);

})();
</script>

Which is throwing this error:

Uncaught TypeError: document.getElementsByClassName(…)[0] is undefined

If I click the search Icon, yet another error pops up in my console:

Uncaught TypeError: x[0] is undefined

That said, I am unable to reproduce the issue you’re describing, but it’s possible this is because you are logged in and I am not?

In any case, I would recommend contacting your theme developer to get those errors out of the way first.

If it really does turn out to be our plugin I’d gladly help to resolve it, but since I am unable to reproduce it and I see a lot of errors from your theme, I can currently only conclude that the issue lies somewhere else.