关于BigCommerce商品加入心愿单时SKU等字段为空的技术问询

1. 填充心愿单item缺失字段的方法 #

BigCommerce默认的心愿单添加接口不会返回完整商品字段，要补全SKU、availability、stock_level等信息，有两种可行方案：

• 前端二次请求补全：渲染心愿单页面时，遍历每个心愿单item，用product_id调用商品详情API（/catalog/products/{product_id}），拉取完整数据后替换模板里的null字段。这种方式无需后端改动，适合快速实现。
• Webhooks+自定义存储：配置wishlist_item.add事件的Webhook，当商品被加入心愿单时，自动调用商品API获取完整字段，再通过BigCommerce的心愿单自定义字段API，把需要的信息存入心愿单item的自定义属性中，后续模板直接读取自定义字段即可。

2. 是否可通过添加心愿单的URL传递SKU？ #

可以直接在/wishlist.php?action=addWishlist&product_id={{product.id}}后面拼接&sku={{product.sku}}来传递SKU参数。但注意：BigCommerce默认不会把这个参数自动存入心愿单item对象，需要配合后续的Webhooks或者自定义脚本处理，才能把SKU写入心愿单数据中。

3. 用JS确保每次添加都传递SKU的实现方式 #

找到主题中处理心愿单添加的代码位置（通常在产品详情页模板product.html或全局心愿单组件里），按以下方式修改：

• AJAX请求触发添加的场景：
  定位绑定添加按钮的JS代码，修改请求URL并拼接SKU参数：

  // 示例代码，需根据主题实际结构调整
  const addWishlistBtn = document.querySelector('.add-to-wishlist');
  addWishlistBtn.addEventListener('click', function(e) {
    e.preventDefault();
    const productId = this.dataset.productId;
    const productSku = this.dataset.productSku; // 提前在按钮上绑定data-product-sku="{{product.sku}}"
    const requestUrl = `/wishlist.php?action=addWishlist&product_id=${productId}&sku=${productSku}`;
    
    // 发起AJAX请求（示例用fetch，主题可能用jQuery等工具）
    fetch(requestUrl)
      .then(res => res.json())
      .then(data => {
        // 处理添加后的逻辑，比如弹出成功提示
      });
  });
  

• 表单提交的场景：
  在添加心愿单的隐藏表单里，新增一个隐藏输入框：

  <form action="/wishlist.php" method="get" class="wishlist-form">
    <input type="hidden" name="action" value="addWishlist">
    <input type="hidden" name="product_id" value="{{product.id}}">
    <input type="hidden" name="sku" value="{{product.sku}}">
    <button type="submit">加入心愿单</button>
  </form>
  

补充：传递SKU参数后，还需要通过Webhooks或者自定义App把SKU存入心愿单item对象，否则模板{{wishlist.item}}里的SKU仍会显示null。

内容的提问来源于stack exchange，提问作者hangMan