BigCommerce Stencilのカスタム製品詳細フィールドの追加？

Question

バックエンドで変更可能なカスタムフィールドを追加すると同時に、カスタムフィールドを使用してフロントエンドに値を設定します。私たちは次のように試しましたが、フィールドはフロントエンドには配置されませんでした。コードとそれに対応する出力の例については、以下を参照してください：

Example Code

Result

どのように我々は適切にフロントエンドに移入するために、これらのフィールドを得ることができますか？

Answer 1

私はBigCommerce Stencil Documentationを読むことから始めます。カスタムフィールド値を呼び出す方法は、これらの値を呼び出す方法ではありません。

この時点でcustom_fieldsはステンシルでonly accessible on the product detail pageです。

これらを製品の詳細ページに表示するには、各custom_field値を次のコードでループすることができます。

あなたが値を上記のリンクステンシルのドキュメントを読んで、または閉鎖を削除することによって、あなたのページをデバッグするいずれかの方法で、各ページで利用可能であるかを見るためにチェックすることができ

{{#each product.custom_fields}} 
    <dt class="productView-info-name">{{name}}:</dt> 
    <dd class="productView-info-value">{{{value}}}</dd> 
{{/each}} 

「/」と追加「？デバッグ=バー」末端へあなたのlocalhost URLの。ページを更新すると、レンダリングされたページの下に使用可能なすべてのストアデータがJSON形式で表示されます。