javascript - 函数 onClick() - 购物车未添加 - 出了什么问题？

Question

我在 Shopify 上有一个带有“添加到购物车”按钮的产品页面。

点击后，产品就会添加到购物车，页面会重定向到另一个追加销售产品。

将追加销售产品添加到购物车后，它会转到结账页面，但它只显示追加销售产品，而不是用户想要购买的第一个产品。下面的代码有什么问题？

如何使这两种产品都出现在结帐中？

<script>
function redirectToUpsellPageHandler(wrapper) {
  var upsellPageUrl = '/clientproducts/cryogenic-storage';
  var addToCartButton = wrapper.querySelector('.sqs-add-to-cart-button');
  var productVariants = wrapper.querySelector('.product-variants');

  if (addToCartButton) {
    addToCartButton.addEventListener('click', onClick);
  }

  function isVariantInStock() {
    return productVariants.getAttribute('data-variant-in-stock');
  }

  function onClick() {
    if (productVariants && isVariantInStock() || !productVariants) {
      setTimeout(function() {
        document.location.href = upsellPageUrl;
      }, 1000);
    }
  }
}

function redirectToUpsellPage() {
  // Product Page
  var productPage = document.querySelector('.collection-type-products.view-item');
  if (productPage) {
    redirectToUpsellPageHandler(productPage);
  }

  // Product Blocks
  var productBlocks = [].slice.call(document.querySelectorAll('.sqs-block-product'));
  productBlocks.forEach(redirectToUpsellPageHandler);
}

document.addEventListener('DOMContentLoaded', redirectToUpsellPage);
window.addEventListener('mercury:load', redirectToUpsellPage);
</script>

Answer 1

添加一些 console.logs 并确保您正在进入 onClick 函数。如果您不这样做，则使用名为 onClick 的函数可能会出现某种类型的问题，因为这是 jQuery 或 JS 中的保留函数。