BigCommerce Stencil docs theme_images是空的

Question

按照模板文档中的示例进行操作 https://stencil.bigcommerce.com/docs/customizing-javascript

{{inject 'themeImageSizes' theme_images}}

添加到模板，product.html和

console.log(this.context.themeImageSizes);

已添加到product.js文件中。

但是控制台正在记录一个空数组。 在什么位置或在哪里定义theme_images？

Answer 1

我非常确定theme_images应该在config.json中定义，但我认为Stencil文档可能在这里有错误的引用。

如果你查看product.html顶部的YAML，那里有对config.json中值的引用：

product:
    videos:
        limit: {{theme_settings.productpage_videos_count}}
    reviews:
        limit: {{theme_settings.productpage_reviews_count}}
    related_products:
        limit: {{theme_settings.productpage_related_products_count}}
    similar_by_views:
        limit: {{theme_settings.productpage_similar_by_views_count}}

config.json中的相应值为settings.productpage_videos_count，settings.productpage_reviews_count，settings.productpage_related_products_count和settings.productpage_similar_by_views_count。

所以，我的猜测是，要引用图像大小，你应该使用它：

{{inject 'themeImageSizes' theme_settings._images}}

或者

{{inject 'themeImageSizes' theme_settings_images}}

但是，我无法对此进行测试，因此您可能需要进行实验。 （我会测试它但是当我对assets / js中的任何文件进行更改时，更改不会显示在我的开发服务器的任何提供的页面上。）