Question

根据＆＃34;产品规格＆＃34;选项卡，我想将其链接到＆＃34;自定义字段＆＃34;在后端（通过＆＃34;后端＆＃34;我的意思是您登录并可以修改产品的控制面板）。如果你去后端的每个产品，每个产品都有一个＆＃34;自定义字段＆＃34;已设置产品规格的选项卡。我想要＆＃34;自定义字段＆＃34;每个产品的后端内容，以显示在＆＃34;产品规格＆＃34;产品页面的标签。

Answer 1

不确定您是在开发Stencil还是Blueprint，所以我会解释两者。

<强>模板

在Stencil中，首先导航到templates / components / products / product-view.html文件。找到自定义字段代码，然后将其移动到“产品详细信息”选项卡。使用把手，我们将类名添加到自定义字段<li>并呈现字段。如果您只有一个字段，则可能需要使用<p>标记而不是<li>。

{{#if product.custom_fields}}
    <ul>
    {{#each product.custom_fields}}
        <li class="custom-field {{name}}"><span>{{name}}:</span> {{{value}}}</li>
    {{/each}}
    </ul>
{{/if}}

<强>蓝图

自定义字段代码段位于ProductOtherDetails.html面板中。在这个Panel中，它调用%% SNIPPET_ProductCustomFields %%循环每个自定义字段。代码如下。

<div class="DetailRow %%GLOBAL_CustomFieldName%%">
    <div class="Label">%%GLOBAL_CustomFieldName%%:</div>
    <div class="Value">
        %%GLOBAL_CustomFieldValue%%
    </div>
</div>

我建议将%%GLOBAL_CustomFieldName%%作为一个类添加到DetailRow上，作为使用JS / CSS定位每个自定义字段的方法，如果你有多个。

如果您有多个自定义字段，并且只想将一个字段移到产品说明中，我建议您使用Javascript。类似的东西：

$('.DetailRow.CUSTOMFIELDNAME').detach().appendTo('.ProductDescription');

如果您只有一个自定义字段，或者您希望产品说明中包含所有自定义字段，则可以将Panel移动到ProductDesription面板，该面板将在产品说明中呈现这些自定义字段。

希望这有帮助。

如何将产品的后端自定义字段链接到bigcommerce中的产品规格标签

1 个答案: