Add to Cart button not working on mobile device

[imjeng]

I used booster theme. while add to cart is not working on mobile device while it works fine in browser. Additional, when i click buy it now button it shows transaction failed error. please help me out. 

[Pallavi]

Hello There, 

Could you kindly share your store URL so that I can take a look and suggest you some solution on it. 

[imjeng]

url: b4bicycles.com

password: b4bicycles

please help me , note: buy it now button is not working in mobile devices

[Pallavi]

Hello There, 

I have checked your store and found that in the mobile view the structure of the button is different what it is in the desktop view. So, the add.js event is not triggered on it. So, you will need to make the structure to match the desktop view so that it will work fine. 

If you want me to assist you further on it then kindly DM me so that we can proceed further on it and make it work.

[diego_ezfy · Accepted solution]

@imjeng 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<script>
    function addToCartMobileClick() {

if (!/product/.test(window.location.href)){
return;
}

        var btn = document.querySelector(`#mst-stiky-box button`);

btn.addEventListener('click', function(){
var atc = document.querySelector(`.grid__item.row_grid_qnt button`);

atc.click();
});
    }

addToCartMobileClick()
</script>

Please let me know whether it works.

Kind regards,
Diego

[imjeng]

thanks, its working. but when i changed to dynamic button then it shows transaction error.

[Jdp2009]

Hello

I have a similar problem with the buy button. I can add items to cart but it never proceeds to checkout to take payments.. please help. Ive been stuck on this for weeks and i already paid my plan

-joliz