文字組合元件|頁面編輯器(新版)

CN_EC%2BSC.png

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

⚠️ 開始前請注意:

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

 

一、 增加文字組合元件

步驟一

前往「商店後台 > 網店設計 > 網店分頁」點按「進階分頁/編輯」按鈕,開啟「進階分頁」設定頁面。

___2022-06-10___4.26.12.png

 

步驟二

點按「元件」按鈕。

___2022-06-14___11.16.30.png

 

步驟三

點選「文字組合」元件。

image10.png

 

步驟四

系統預設加入 1 組文字,點按「文字」按鈕可再增加文字。

*注意:目前最多支援增加 4 組文字。

___2022-06-29___2.31.31.png


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

Screen_Shot_2022-06-30_at_2.00.30_PM.png

 

步驟五

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

  • 標題:輸入商品介紹標題。
  • 副標題:輸入商品介紹副標題。
  • 內容:依據商品內容去做撰寫。
  • 展示按鈕:可以選擇是否開啟讓顧客從網頁上看到按鈕。
  • 按鈕文字:可自行設定顧客點選的按鈕文字。
  • 連結:在文字上加入連結,顧客點按文字即可開啟連結頁面。
    可以設定連結開啟方式:
    • 當前分頁:在目前頁面直接開啟連結
    • 另開分頁:另外開啟一個連結分頁

image3.png

 

點按上方「語系」下拉選單,會顯示商店支援的所有語系,可以個別輸入在各語系介面所要顯示的文字。

___2022-06-30___3.54.04.png

 

步驟六

支援其他設定。

A. 文字對齊

image13.png

 

B. 邊距

可調整文字與頁面的邊距。

image12.png

 

步驟七

在設定過程中可點按下方「儲存」按鈕,於右側預覽畫面查看新增的文字組合元件。

*備註:可選擇查看桌機版或手機版的預覽畫面。

image7.png

image2.png

 

或是點按右上方「預覽商店」,查看完整的前台預覽畫面。

image6.png

 

步驟八

確認完成上述設定後,請點按右上角「發佈」按鈕,讓顧客在商店前台可查看此分頁所有新增的內容。

image1.png

 

延伸閱讀

 

 

 

 

 

 

 

 

 

 

還有其他問題?提交請求

評論