透过新版编辑器创建或编辑进阶分页时，您可以添加「折叠段落」元件。「折叠段落」可以有效收纳资讯，让画面不杂乱，非常适合用于 Q&A、出退货流程、活动折扣、消费情境等说明。您还可以上传图片搭配使用，制作精美且图文并茂的问答集。
⚠️ 开始前请注意：
- 新版页面编辑器目前仅支持 Ultra Chic、Kingsman 及 Varm 版型使用。
- 使用新页面编辑器创建分页后，若切换其他店面版型，该分页仍然可以展示，但无法编辑且可能发生跑版情形，在确认发布分页前请多加留意。
一、添加折叠段落元件
步骤一
前往「商店后台 > 网店设计 > 网店分页」点击「进阶分页／编辑」按钮，开启「进阶分页」设置页面。
步骤二
点击「元件」按钮。
步骤三
点击內容的「折叠段落」元件。
左侧的编辑栏可编辑折叠段落的内容及设置，点击「＋折叠段落」可以添加折叠段落。右边预览页面可查看元件效果。点击段落标题的「＋」按钮可以开启／收合段落。
＊注意：
- 一个「折叠段落」元件最多支持 16 个折叠段落。
- 不同主题的按钮设计有所不同，目前仅 Varm 主题的按钮颜色会依照「店面级别设定 > 色彩 > 主要按钮」所设置的颜色而改变。「背景」的颜色为段落按钮的颜色，「文字」为「＋」符号的颜色。
步骤四
点击左侧的「折叠段落」按钮，可编辑各个折叠段落的标题以及展开后的内容。
＊注意：内容的字数上限为 5000 字元。
除了设置粗体、斜体、底线等基本文字格式外，您还可以在内文中加入超链接、图片、项目列表、编号列表，并且进行全屏编辑。
A. 连结
您可在内文加入超链接，并选择目标页面的开启方式。
B. 图片
您可在内文加入图片。您可插入图片的 URL 路径，或者从您的电脑上传图片（系统会自动生成上传图片的 URL）。您还可以编辑图片的 ALT ，以及自定义图片的宽度、高度。
C. 项目列表
您可在内文添加项目列表。
D. 编号列表
您可在内文添加编号列表。
E. 全屏编辑
点击「全屏编辑」按钮，您可放大内容的编辑栏，以便编辑内文。编辑完毕后再次点击「全屏编辑」按钮即可回复至页面编辑器。
步骤五
左侧编辑栏往下滑，「标题」区块可编辑「折叠段落」的元件标题（也就是主标题）。
步骤六
您可针对元件标题、段落标题、段落内文进行其他格式设置。
- 标题对齐：选择元件标题文字的对齐方式（左／中／右）。
- 文字对齐：选择段落标题、段落文字的的对齐方式（左／中／右）。
- 元件间距：调整「折叠段落」元件与其他原元件之间的间距（0 至 80 px）。
- 自定义元件颜色：开启／关闭开关可以设置是否自定义元件的颜色。若开启开关，您可自定义以下部分的颜色：背景、文字、超连结、按钮、按钮文字。
步骤七
在设置过程中可点击下方「储存」按钮，于右侧预览画面查看添加的折叠段落元件。
＊备注：可选择查看电脑端或移动端的预览画面。
或是点击右上方「预览商店」，查看完整的前台预览画面。
步骤八
确认完成上述设置后，请点击右上角「发布」按钮，让顾客在商店前台可查看此分页所有新添加的内容。
延伸阅读
评论