Have to click Add to cart twice

clairebear
Tourist
5 0 1

Hi there, I'm using Broadcast theme for my site.

On mobile only, you have to press "Add to Cart" button twice to get the item into the cart. First press does nothing. I've noticed it's like this on the Broadcast demo too.

Any ideas how to fix? Thanks.

 

 

Replies 13 (13)
Wahab_Ahmad
Shopify Partner
722 112 178

Hello @clairebear,

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

 

clairebear
Tourist
5 0 1
clairebear
Tourist
5 0 1

Anyone?

BenediktS
New Member
3 0 0

Same problem on my site I have Debut Theme. Please Help!

RaveFXOfficial
New Member
1 0 0

I’m having the same problem... Has this been solved? I’ve seen a huge tank in sales because of this. Please advise.

Bluish
Shopify Partner
646 92 115

@RaveFXOfficial 

depends on your button, please give me your url

Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.


To hire me, visit my Upwork profile

wmisback
Excursionist
26 3 12
Click to expand...
I'm having this issue on the mobile version of my site as well.
Theme: Debut
URL: www.aposterioricoffee.com
Check out my Shopify coding tutorials on YouTube
Need custom coding done? Get in touch: willmiswebdev@gmail.com
Kareema
Tourist
9 0 1

hey guys I was facing similar issues while browsing my shopify site in IOS devices. I was using debut theme. I could solve the issue via javascript. the code goes as below : 

<script>
  var mobileNoHoverState = function() {

var hoverClass = 'hover',
    $target = $("#ad2cart"),  // instead of #ad2cart put your add-to-cart button id or class
    preventMouseover = false;

function forTouchstart() {
    preventMouseover = true;
}

function forMouseover() {
    if (preventMouseover === false) {
        $(this).addClass(hoverClass);
    } else {
        preventMouseover = false;
    }
}

function forMouseout() {
    $(this).removeClass(hoverClass);
}

function init() {
    $target.on({
        touchstart  : forTouchstart,
        mouseover   : forMouseover,
        mouseout    : forMouseout
    });                
}

return {
    init: init
};
}();

mobileNoHoverState.init();
</script>
Philip86
New Member
1 0 0

Seems its working now, how did you fix the problem? Because sometimes I have the same problem on mobile phone. Sometimes It works on clicking the first time, sometimes I have to double click on my add to cart button..