使用Javascript获取Magento可配置的产品子ID

It’并非每天都需要知道什么是可配置的产品’结果子产品ID位于前端。但是，如果那’s you and you’重新寻找一个没有’覆盖核心Magento javascript，您来对地方了。

对于我们来说幸运的是，javascript对象spConfig具有我们根据在产品详细信息页面上选择的选项确定子产品ID所需的一切。在你下面’会找到代码。让’s walk through it.

spConfig.settings属性包含一个可配置选项选择框的数组。我们’ll遍历这些以确定每个选择框的attributeId和selectedValue。

现在，我们知道所选选项的attributeId和selectedValue，我们可以使用spConfig.config.attributes属性获取子产品ID候选数组，并将其存储到optionProducts变量中。

在循环的第一次迭代中，productCandidates数组为空，可以将其设置为optionProducts。如果这是页面上的唯一选择框，那么productCandidates现在应该只包含一个值：子产品ID我们’重新寻找。如果页面上有很多选择框，则每个循环会将productCandidates设置为productCandidates和optionProducts的数组交集。

遍历所有选择框后，productCandidates数组中应该只有一个值。但是，我们希望尽可能避免假设，因此最后一行确保我们仅在有产品ID的情况下返回’是数组中唯一的产品ID。

最后，我们需要一种触发功能的方法。通过将更改事件侦听器添加到可配置的选项选择框中，可以非常轻松地完成此操作。每次用户选择一个选项或更改其选择时，如果所有选项均已选中，则getSimpleProductId函数将返回结果子产品ID，否则返回false。