api - BigCommerce 以编程方式将产品添加到购物车并重定向到结帐页面

Question

我正在为 Bigcommerce 应用程序商店构建一个应用程序，我需要以编程方式将产品添加到用户的购物车并将他/她重定向到结帐页面以进行付款处理。

我对产品页面做了一些修改，以获取传递给构建购物车的表单数据。这在尝试使用 curl 或 Chrome 中的 Postman 时效果很好。但是，当以编程方式尝试相同的事情时，它会给出跨域访问被拒绝的错误。

有什么方法可以让它发挥作用吗？

Answer 1

您应该能够在 Stencil 主题中使用一些与 stencil-utils API 配对的 javascript。该代码的语法示例是:

/*  
* Import all product-specific js 
*/
[...]
import utils from '@bigcommerce/stencil-utils';
[...]
addProductToCart() {
  utils.hooks.on('cart-item-add', (event) => {
    event.preventDefault();
  });
}

这与以下 html 和数据标签交互:

<form class="form" method="post" action="{{product.cart_url}}"
enctype="multipart/form-data" data-cart-item-add>

在 Blueprint 或 Stencil 中，您可以使用 site.com/cart.php?action=add&sku=INSERT-SKU-HERE 构建 URL 以将商品添加到购物车。然后，您可以检查推荐 url 并根据该推荐人执行 javascript 重定向以结帐。

if (document.referrer == "site.com/cart.php?action=add&sku=INSERT-SKU-HERE") {
window.location.href = "site.com/checkout.php";
}