javascript - Bigcommerce 图像变量 - 制作产品页面产品图像幻灯片

Question

我需要两件事:

1. 一个很好的资源，详细介绍了所有各种模板变量....我终于找到了一个列出了 springmerchant 上所有变量的资源...但它没有说明它们的含义做和/或他们如何做。

其次，这是为了将 bigcommerce 标准的 cloudzoom 功能切换为 Flexslider 幻灯片之类的功能；因此，我希望深入了解产品图像以及我可以使用哪些变量...。我知道有一个变量会根据未知方法动态输出特定产品的小图像/缩略图...我想要了解是否有一个变量可以执行此操作(除了全尺寸图像)。

我想要实现的目标:

类似于棉色产品 slider http://coton-colors.com/black-chevron-dinner-plate 的东西

Answer 1

为什么不直接获取产品页面中已有的数据呢？小缩略图附加了指向完整分辨率图像的数据(您也应该能够找到这些变量)。您只需使用脚本根据每个全尺寸图像创建一个数组，然后将值传递到 slider 中。

有关变量的最佳列表以及可以使用的位置，请查看 https://developer.bigcommerce.com/themes/snippets和 https://developer.bigcommerce.com/themes/panels

通过单击每个面板或片段，它们会向您显示可以使用的变量。

祝你好运!