如何在BigCommerce中创建自定义标签

时间:2018-07-26 07:50:27

标签: e-commerce bigcommerce

我正在尝试在BigCommerce中创建自定义标签,但是没有遇到任何令人满意的解决方案。

这是产品页面的格式,我已经在其中获得了这些默认标签

  • 产品说明
  • 保修
  • 评论
  • 其他详细信息

我想要特定产品的 Q&A 部分的动态标签。

我知道可以通过脚本来完成,但找不到它。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:1)

您可以使用{{split}}车把帮助器将您的产品描述内容分成应在不同标签上显示的部分。

例如,您可以像这样编辑description-tabs.html文件(如果使用的是除Cornerstone以外的主题,则可以编辑等效文件),以添加新标签并将产品描述内容分为两部分:

<ul class="tabs" data-tab>
    <li class="tab is-active">
        <a class="tab-title" href="#tab-description">{{lang 'products.description'}}</a>
    </li>
    {{#if product.warranty}}
        <li class="tab">
            <a class="tab-title" href="#tab-warranty">{{lang 'products.warranty'}}</a>
        </li>
    {{/if}}
    <li class="tab">
            <a class="tab-title" href="#tab-faq">Q & A</a>
        </li>
</ul>
<div class="tabs-contents">
    <div class="tab-content is-active" id="tab-description">
        {{{first (split product.description '<!-- tab -->')}}}
    </div>
   {{#if product.warranty}}
       <div class="tab-content" id="tab-warranty">
           {{{product.warranty}}}
       </div>
   {{/if}}
   <div class="tab-content" id="tab-faq">
           {{{last (split product.description '<!-- tab -->')}}}
       </div>
</div>

我们指定的分隔符为<!-- tab -->。要将描述内容划分到不同的选项卡中,请在产品描述编辑器中输入产品描述和“问答”部分,并在各部分之间使用<!-- tab -->,以指示应在不同选项卡之间划分内容的位置。

答案 1 :(得分:1)

上述答案有效,但是不要在源代码中使用'<!-- tab -->'编译为&lt;!-- tab --&#62;的方式,因此它将无法工作。使用任何带有普通字符的字符串。例如:'splity'