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

Question

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

$(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 件产品添加到购物车，而不是 1 件。 这是我的网上商店的链接，如果您想尝试：www.wunderrein.at

我使用的是 shopify 主题 Narrative。

我应该如何修改代码？

Answer 1

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

代码如下：

  $(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);
  });
});