透過新版編輯器新增或編輯進階分頁時，您可以增加「折疊段落」元件。「折疊段落」可以有效收納資訊，讓畫面不顯雜亂，非常適合用於 Q&A、出退貨流程、活動折扣、消費情境等說明。您還可以上傳圖片搭配使用，製作精美而圖文並茂的問答集。
⚠️ 開始前請注意：
- SHOP Builder 目前僅支援 Ultra Chic、Kingsman、Varm、Philia 版型使用。
- 使用 SHOP Builder 建立分頁後，若切換其他店面版型，該分頁仍然可以顯示，但無法編輯且可能發生跑版情形，在確認發佈分頁前請多加留意。
一、新增折疊段落元件
步驟一
前往「商店後台 > 網店設計 > 網店分頁」點按「進階分頁／編輯」按鈕，開啟「進階分頁」設定頁面。
步驟二
點按「元件」按鈕。
步驟三
點按內容的「折疊段落」元件。
左側的編輯欄可編輯折疊段落的內容及設定，點按「＋折疊段落」可以新增折疊段落。右邊預覽頁面可查看元件效果。點按段落標題的「＋」按鈕可以開啟／收合段落。
＊注意：
- 一個「折疊段落」元件最多支援 16 個折疊段落。
- 不同主題的按鈕設計有所不同，目前僅 Varm 主題的按鈕顏色會依照「店面級別設定 > 色彩 > 主要按鈕」所設定的顏色而改變。「背景」的顏色為段落按鈕的顏色，「文字」為「＋」符號的顏色。
步驟四
點按左側的「折疊段落」按鈕，可編輯各個折疊段落的的標題以及展開後的內容。
＊注意：內容的字數上限為 5000 字元。
除了設定粗體、斜體、底線等基本文字格式外，您還可以在內文中插入超連結、圖片、項目列表、編號列表，並且進行全螢幕編輯。
A. 連結
您可在內文插入超連結，並選擇目標頁面的開啟方式。
B. 圖片
您可在內文插入圖片。您可插入圖片的 URL 路徑，或者從您的電腦上傳圖片（系統會自動生成上傳圖片的 URL）。您還可以編輯圖片的 ALT ，以及自訂圖片的寬度、高度。
C. 項目列表
您可在內文新增項目列表。
D. 編號列表
您可在內文新增項目列表。
E. 全螢幕編輯
點按「全螢幕編輯」按鈕，您可放大內容的編輯欄，以便編輯內文。編輯完畢後再次點按「全螢幕編輯」按鈕即可回復至 SHOP Builder。
步驟五
左側編輯欄往下滑，「標題」區塊可編輯「折疊段落」的元件標題（也就是主標題）。
步驟六
您可針對元件標題、段落標題、段落內文進行其他格式設定。
- 標題對齊：選擇元件標題文字的對齊方式（左／中／右）。
- 文字對齊：選擇段落標題、段落文字的的對齊方式（左／中／右）。
- 元件間距：調整「折疊段落」元件與其他原元件之間的間距（0 至 80 px）。
- 自訂元件顏色：開啟／關閉開關可以設定是否自訂元件的顏色。若開啟開關，您可自訂以下部分的顏色：背景、文字、超連結、按鈕、按鈕文字。
步驟七
在設定過程中可點按下方「儲存」按鈕，於右側預覽畫面查看新增的折疊段落元件。
＊備註：可選擇查看桌機版或手機版的預覽畫面。
或是點按右上方「預覽商店」，查看完整的前台預覽畫面。
步驟八
確認完成上述設定後，請點按右上角「發佈」按鈕，讓顧客在商店前台可查看此分頁所有新增的內容。
延伸閱讀
評論