2017-08-25 6 views
0

現在、カスタムフィールドは製品ページのテキストとして表示されます。テンプレートで使用するためのカスタムフィールドの追加

カスタムフィールド#1名称:材質、カスタムフィールド#1値:コットン

Custom field

だけではなく、テンプレートにデータを渡すにはいくつかの他のオプションはありますか?たとえば、new == trueの場合、商品ページに「NEW」ラベルを表示したいとします。今https://springmerchant.com/bigcommerce/product-labels/

のように、我々は__接頭辞を持つカスタムフィールドを非表示にするハンドルとif文を使用しているの

ソート。例えば、__new: true

答えて

1

あなたはステンシルでテンプレートを開発している場合、オプションのカップルがあります...あなたは正しいものをカスタムフィールドをループを見つけるまで、その後、値を確認することができます...例:

{{#each product.custom_fields}} 
{{#if name "==" "__new"}} 
{{#if value "==" "true"}} 
YOUR HTML CODE HERE 
{{/if}} 
{{/if}} 
{{/each}} 

また、あなたは配列にすべてのあなたのcustom_fieldsを入れて、サイトのさまざまな側面を埋めるためにJavaScriptを使用することができます。

<script> 
var custom = []; 
{{#each product.custom_fields}} 
custom.push({'name':"{{name}}",'value':"{{value}}"}); 
{{/each}} 

YOUR CODE TO LOOP THROUGH JSON ARRAY AND DO VARIOUS TESTS AND STUFF 
</script> 

あなたはステンシルテンプレートへのアクセス権を持っていないし、ちょうど制御して開発を行っている場合パネル、あなたはparsにjavascriptを書くことができますeをデフォルトのcustom_field htmlに変更し、それに応じてデータを使用します。

いずれのソリューションも特にきれいですが、すべて機能します。

関連する問題