文字組合元件｜SHOP Builder

4. EC + SC.png

透過 SHOP Builder 所增加或編輯進階分頁時，可以增加「文字組合」元件，為您的分頁加入詳細文字說明，讓您的網路商店版面更顯精美。

⚠️ 開始前請注意：

SHOP Builder 目前僅支援 Ultra Chic、Kingsman、Varm、Philia 版型使用。
使用 SHOP Builder 建立分頁後，若切換其他店面版型，該分頁仍然可以顯示，但無法編輯且可能發生跑版情形，在確認發佈分頁前請多加留意。

一、增加文字組合元件

步驟一

前往「商店後台 > 網店設計 > 網店分頁」點按「進階分頁／編輯」按鈕，開啟「進階分頁」設定頁面。 ___2022-06-10___4.26.12.png

步驟二

點按「元件」按鈕。 ___2022-06-14___11.16.30.png

步驟三

點選「文字組合」元件。

步驟四

系統預設加入 1 組文字，點按「文字」按鈕可再增加文字。
＊注意：目前最多支援增加 4 組文字。 ___2022-06-29___2.31.31.png

若您增加多組文字，點按左側 ___2022-06-30___10.34.59.png 圖示可拖曳文字調整順序。

步驟五

點開文字元件，編輯文字相關設定。

標題：輸入商品介紹標題。您也可以針對標題調整以下樣式設定。樣式呈現的優先順序為：元件的樣式設定 > 店面級別樣式設定。
- Heading 標籤：共有 H1 - H6 可供選擇，系統預設為 H3。
- 字體顏色：點開調色盤可選擇顏色，或輸入色碼編號。
- 字體大小：可選擇 16/20/24/28/32。實際大小仍會根據店面級別設定的字體大小依比例縮放。
副標題：輸入商品介紹副標題。您也可以針對副標題調整以下樣式設定。
- Heading 標籤：共有 H1 - H6 可供選擇，系統預設為 H4。
- 字體顏色：點開調色盤可選擇顏色，或輸入色碼編號。
- 字體大小：可選擇 14/16/18/20/22。實際大小仍會根據店面級別設定的字體大小依比例縮放。
內容：依據商品內容去做撰寫。您也可以針對內容文字調整以下樣式設定。
- 字體大小：可選擇 12/14/16/18/20。實際大小仍會根據店面級別設定的字體大小依比例縮放。
- 字體顏色：點開調色盤可選擇顏色，或輸入色碼編號。
- 段落工具：可選擇項目清單或編號清單。
- 展開文字內容：可展開文字輸入框方便打字。
展示按鈕：可以選擇是否開啟讓顧客從網頁上看到按鈕。
按鈕文字：可自行設定顧客點選的按鈕文字。
連結：在文字上加入連結，顧客點按文字即可開啟連結頁面。
可以設定連結開啟方式：
- 當前分頁：在目前頁面直接開啟連結
- 另開分頁：另外開啟一個連結分頁