在BigCommerce模板中添加自定义产品详细信息字段？

Question

我们希望添加可在后端修改的自定义字段，还可以使用自定义字段填充前端。我们已经尝试过，但这些字段并没有填充在前端。请参阅下面的代码示例和相应的输出：

Example Code

Result

我们如何让这些字段正确填充在前端？

Answer 1

我首先阅读BigCommerce Stencil Documentation。您调用自定义字段值的方式不是他们建议调用这些值的方式。

此时，在Stencil中，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}}

您可以通过阅读上面链接的Stencil文档来查看每个页面上可用的值，或者通过删除结束'/'并在您的localhost URL的末尾添加'？debug = bar'来调试您的页面。刷新页面，您将在呈现页面下方以JSON格式查看所有可用的商店数据。

Answer 2

要进一步控制输出的自定义字段，可以在其中创建可重用的循环。

即创建模板/components/products/custom-fields.html

{{#each product.custom_fields}}
  {{#if name '===' ../custom_field}}  
    {{{value}}}
  {{/if}}
{{/each}}

然后从product_view.html中，您可以指定要用单行输出的字段值：

{{> components/products/custom-field custom_fields='custom field name'}}