的Bigcommerce模板文檔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文檔可能在這裏有錯誤的引用。

如果你看一下YAML在product.html的頂部，還有在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}} 

但是，我一直沒能測試，所以你可能需要試驗。 （我會測試它，但是當我更改資產/ js中的任何文件時，所做的更改不會顯示在來自我的開發服務器的任何提供的頁面上）。