使用购物车中选择的产品变体 Prestashop

Question

我正在开发一个交叉销售模块，该模块将在购物车中显示产品，您可以通过单击“添加到购物车”按钮将其添加到购物车。 我需要考虑产品变体（属性）。

由于此代码，我已经找到了如何将“添加到购物车”按钮添加到购物车页面：

<form action="{$urls.pages.cart}" method="post" id="add-to-cart-or-refresh">
        <input type="hidden" name="token" value="{$static_token}">
        <input type="hidden" name="id_product" value="{$product->id}" id="product_page_product_id">
        <span class="remove-from-cart">
            <button class="btn btn-primary add-to-cart" data-button-action="add-to-cart" type="submit"
                {if (!$product->checkQty(1))} disabled {/if}>
                <i class="material-icons float-xs-left">shopping_cart</i>
                {l s="Add to cart" d='Shop.Theme.Actions'}
            </button>
        </span>
    </form>

但我现在需要的是根据在我的产品上设置的选择选项值下拉菜单选择的值来更新显示价格页面并使用按顺序选择的属性 ID，而不是当用户单击“添加到购物车”按钮时，它会将具有良好属性的产品添加到购物车，而不是默认属性

我确定这是来自价格更新的 js 脚本但我真的不知道哪个功能负责这

是所要求的选择选项

      <div class="clearfix product-variants-item">
  <span class="control-label">ATTRIBUTE_GROUP_NAME</span>
          <select class="form-control form-control-select" id="group_ATTRIBUTE_GROUP_ID" data-product-attribute="ATTRIBUTE_GROUP_ID" name="group[ATTRIBUTE_GROUP_ID]">
                  <option value="ATTRIBUTE_ID" title="ATTRIBUTE_NAME" selected="selected">ATTRIBUTE_NAME</option>
              </select>
      </div>
  

Answer 1

解决方案不是很简单，但是是可以实现的，就像prestashop在产品页面上的工作方式一样，你必须在属性更改时使用ajax刷新你的内容。我们使用相同的方法开发了一个复杂的结账追加销售模块，效果很好。
逻辑步骤是：

->选择值改变

->通过ajax提交数据

->获取新鲜和更新的数据，对我来说最好的选择是再次渲染模块视图并获取 html 作为响应

->用新的 html 替换您的内容

另一种方法（未测试，因为在我看来有点复杂）可能是在 javascript 中存储有关所有变化/组合的所有数据，并处理那里的逻辑以获得您需要的每个价格数据改变。该解决方案的一个问题是数据无法始终更新，因为数据存储在本地。

我希望我的提示有帮助，我想发表评论，但我的排名仍然太低，我必须回复。

西蒙娜