GemPages V7 目前不支持像 V6 那样根据标题标签自动将产品描述拆分为手风琴式菜单项。不过，您可以通过在 Shopify 产品描述中添加标题标签，并为每个手风琴式菜单项添加自定义代码片段来实现相同的效果。本指南将引导您完成整个过程，以便您无需技术团队的帮助即可自行完成。
概述
此方法通过使用 HTML 标题标签将产品描述分成多个部分来实现。然后，手风琴元素会根据自定义代码片段的顺序显示每个部分。您可以使用任何标题级别（H1-H6）。该代码片段使用举个例子，但您可以将其替换为您在产品描述中使用的任何标题标签。
步骤 1：在 Shopify 中准备产品描述
- 前往 Shopify 后台 → 产品 → 打开您的产品。
- 在“描述”字段中，将您的内容分成几个部分。
- 在每个章节前插入一个标题标签。必须始终使用相同的标题类型（H1-H6）。代码会自动检测您使用的标题标签。
示例结构：
材料
材料详情……
尺码指南
尺码详情……
保修单
保修信息…
如果您更喜欢使用 H2、H3、H5 等，只需替换即可。使用您喜欢的标题标签，稍后再调整代码。
步骤二：在 GemPages 中添加手风琴元素
- 打开 GemPages 编辑器（V7）。
- 将手风琴元素拖放到页面中。
- 根据需要创建任意数量的折叠面板项。每个项将显示产品描述的一部分。
步骤 3：插入自定义代码片段
您需要将相同的代码片段插入到每个手风琴式菜单项中。然后，对于每个选项卡，您只需根据要显示的部分更改 secNum 的值。
如何插入：
1. 选择一个手风琴项目。
2. 在左侧边栏中，打开“内容”→“自定义代码”。
3.粘贴完整的代码片段。
|
{% assign secNum = 2 %} {% assign descSec = product.description | split: ' ' %} {% assign gPDCount = 0 %} {% assign chosenDescSec = ” %} {% for sec in descSec %} {% assign testDescSec = sec | split: ' ' %} {% if testDescSec[1] %} {% assign testDescSec = testDescSec[1] %} {％ 别的 ％} {% assign testDescSec = testDescSec[0] %} {％ 万一 ％}
{% assign checkSec = testDescSec | strip_html %} {% assign checkSec = checkSec | strip %}
{% assign isMediaSec = false %} {% if testDescSec contains 'img' or testDescSec contains 'video' or testDescSec contains 'iframe' %} {% 如果 testDescSec 包含 'src' %} {% assign isMediaSec = true %} {％ 万一 ％} {％ 万一 ％}
{% if checkSec != ” or isMediaSec %} {% assign gPDCount = gPDCount | plus: 1 %} {% 如果 gPDCount == secNum %} {% assign chosenDescSec = testDescSec %} {％ 休息 ％} {％ 万一 ％} {％ 万一 ％} {％endfor％}
{% 如果 chosenDescSec %} {{ chosenDescSec | strip }} {％ 别的 ％} {{ product.description | strip }} {％ 万一 ％} |
步骤 4：调整标题标签
该代码使用之所以这样举例，是因为它是产品描述中最常用的标题。
如果您的产品描述使用了不同的标题，请替换为将你的标题标签放在此部分内：
{% assign descSec = product.description | split: '' %}
例子：
如果您的 Shopify 描述使用改为：
{% assign descSec = product.description | split: '' %}
如果您的描述使用改为：
{% assign descSec = product.description | split: '' %}
步骤 5：为每个手风琴项目设置节号
变量 secNum 控制每个手风琴项目内显示哪个部分。
例如：
手风琴标签 1 → secNum = 1
手风琴标签 2 → secNum = 2
手风琴标签 3 → secNum = 3
要修改此数字，请修改以下部分：
{% assign secNum = 1 %}
只需更改每个标签页的编号即可。
第 6 步：保存并预览
- 在 GemPages 编辑器中点击“保存”。
- 预览您的产品页面。
- 请确认每个折叠面板项目都显示您产品描述的正确部分。
谢谢您的意见