e-commerce - 如何在 BigCommerce 中创建自定义标签
问题描述
我正在尝试在 BigCommerce 中创建自定义标签,但没有遇到任何令人满意的解决方案。
这是我已经获得此默认选项卡的产品页面格式
- 产品描述
- 保修单
- 评论
- 其他详情
我想要特定产品的问答部分的动态选项卡。
我知道它可以通过脚本完成,但无法找到它。任何帮助将非常感激。
解决方案
您可以使用 {{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 -->
在部分之间指示内容应该在不同选项卡之间划分的位置。
推荐阅读
- tinkerpop3 - 以顶点为中心的索引是否支持 JanusGraph 中的字符串搜索谓词?
- rust - 打印 Rust 引用及其引用的变量时出现问题
- html - 如何帮助屏幕阅读器用户快速迭代页面上的结果而不隐藏页面中的附加信息?
- python - Django - 序列化具有依赖关系的模型对象
- wordpress - 将 user_meta 中的值添加到用户的“显示名称”?
- django - 如何从不同的相关模型访问多对多关系?
- c# - 如何将 Simple Injector 与 Xamarin Forms 和 Entity Framework Core 一起使用?
- html - 用于并排显示图像的 HTML 引导程序?
- c# - Blazor 部分服务无法构建
- c - fput 的问题