shopify ajax clear cart

Question

Je ne suis pas familier avec AJAX/Javascript, donc j'ai du mal à faire quelque chose de simple.

J'essaie d'effacer le panier en utilisant Shopify's AJAX API avant que quelqu'un ajoute un article au panier.

Mon code ressemble actuellement à ceci:

<script> 
    function clearcart() 
    { 
    var my_button=$('input.addToCart'); 
my_button.on('click',function(){ 
    $.ajax({ 
     type: "POST", 
     url: '/cart/clear.js', 
     data: '', 
     success: success, 
     dataType: 'json', 
     success: function() { 
      return Shopify.clear(); 

     }, 
     error: function(XMLHttpRequest, textStatus) { 
      /* error code */ 
     } 
    }); 

    return false; 
}); 
    } 
</script> 
<input type="submit" name="add" value="Try Now" class="addToCart" onclick="clearcart();" "javascript:window.location='/cart' return false"/> 

Answer 1

En fait Shopify.clear() L'appel contient AJAX pour vous. Donc, tout ce que vous avez vraiment besoin de faire est:

function clearCart() { 
    Shopify.clear(); 
} 

Dans votre formulaire, vous avez onclick = "ClearCart();" qui invoquera cette fonction pour vous.

Je vois que vous faites des choses avec votre window.location et si vous vouliez vous pouvez aussi le faire dans votre fonction ClearCart en tirant parti de la fonction de rappel qui peut être transmis dans l'appel de fonction Shopify.clear:

function clearCart() { 
    Shopify.clear(function(){ 
    window.location = "/cart"; 
    }); 
} 

J'espère que cela t'aides.

Answer 2

Essayez de mettre à jour votre code à ceci:

<script> 
    function clearcart() { 
    var my_button=$('input.addToCart'); 
    my_button.on('click',function(){ 
     $.ajax({ 
     type: "POST", 
     url: '/cart/clear.js', 
     data: '', 
     dataType: 'json', 
     success: function() { 
      Shopify.clear(); 
     }, 
     error: function(XMLHttpRequest, textStatus) { 
      /* error code */ 
     } 
     }); 
     return false; 
    }); 
    } 
</script> 
<input type="submit" name="add" value="Try Now" class="addToCart" onclick="clearcart();" "javascript:window.location='/cart' return false"/>