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

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

2016年7月18日发布 in 发展历程
用户体验如何影响客户体验和购买
2016年7月5日
杰出的Google合作伙伴
优雅的骆马Made 杰出的Google合作伙伴 Status
2016年7月28日

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。

6 评论s

  1. 雪核 说:

    谢谢,工作就像一个魅力ðŸ™,

  2. 感激 说:

    非常感谢!

  3. 威尔逊 说:

    亚当!这非常有帮助。谢谢!

  4. 插口 说:

    您能否让我们知道如何在Magento 2中执行此操作?

  5. 亚当 说:

    嘿,亚当。有没有办法修改它以显示孩子’s URL Key 在stead?

  6. 您能修改一下以显示给孩子吗’d URL Key 在stead?

发表评论

您的电子邮件地址不会被公开。 必需的地方已做标记 *

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.

最近的帖子查看全部
2020年10月22日

Covid世界中的假日销售:应对挑战

毫无疑问,2020年是历史性的一年。火灾,全球大流行,暴动,老虎王等’只是冰山一角。如 [â€]
2020年8月7日

涡轮增压ZZPerformance的付费搜索

2020年7月30日

Intermix Beats M1 End of Life with 优雅的骆马Accelerator