BigCommerce Stencil docs theme_images ist leer

Question

Im Anschluss an die Beispiele auf der Schablonen Dokumentation https://stencil.bigcommerce.com/docs/customizing-javascript

{{inject 'themeImageSizes' theme_images}} 

an der Vorlage, product.html Beigefgt und

console.log(this.context.themeImageSizes); 

zum product.js Datei hinzugefügt .

Die Konsole protokolliert jedoch ein leeres Array. Wo oder wo sollen theme_images definiert werden?

Answer 1

Ich bin mir ziemlich sicher, theme_images sollte in config.json definiert werden, aber ich denke, die Stencil-Dokumente können hier die falsche Referenz haben.

Wenn man sich die YAML Blick auf die Spitze der product.html gibt es Hinweise gibt, um Werte in 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}} 

Die entsprechenden Werte in config.json sind settings.productpage_videos_count, settings.productpage_reviews_count, settings.productpage_related_products_count, und settings.productpage_similar_by_views_count.

Also, meine Vermutung ist, dass die Bildgrößen verweisen Sie diese verwenden sollen:

{{inject 'themeImageSizes' theme_settings._images}} 

oder vielleicht

{{inject 'themeImageSizes' theme_settings_images}} 

Allerdings habe ich nicht in der Lage gewesen, das zu testen, so dass Sie Möglicherweise müssen Sie experimentieren. (Ich hätte es getestet, aber wenn ich Änderungen an einer Datei in Assets/js vorgenommen habe, werden die Änderungen nicht auf den von meinem Dev-Server bereitgestellten Seiten angezeigt).