在添加到购物车按钮上打开购物车抽屉单击 shopify

Question

在我的 shopify 网上商店中，如果用户单击添加到购物车按钮，我想打开购物车抽屉。我设法用这个代码片段做到了这一点：

$(document).ready(function() {
  // Open cart drawer after add to cart button is clicked
  $('.product__add-to-cart-button').one('click', function(){
    setTimeout(function(){ $('.ajax-cart__toggle').click() }, 1500);
  });
});

但是使用此代码，将 2 件产品添加到购物车，而不是一件。这是我网店的link，如果你想试试：www.wunderrein.at

我使用的是 shopify 主题 Narrative。

我应该如何修改代码？

Answer 1

以防有人遇到同样的问题。我找到了解决方案。我交换了 .ajax-cart__toggle 和 .site-header__cart，这是我认为正确的选择器。

代码如下：

  $(document).ready(function() {
  // Open cart drawer after add to cart button is clicked
  $('.product__add-to-cart-button').one('click', function(){
    setTimeout(function(){ $('.site-header__cart ').click() }, 1500);
  });
});

在添加到购物车按钮上打开购物车抽屉单击 shopify

Open Cart drawer on add to cart button click shopify

javascript

shopify