客製化語法|SHOP Builder

4. EC + SC.png

透過 SHOP Builder 編輯進階分頁時,您可以使用「客製化語法」元件輸入自訂文字,也可以自行安插 HTML、 CSS、JavaScript 腳本。

本文將介紹:

⚠️ 開始前請注意:

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

 

一、 新增「客製化語法」元件

步驟一

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

image (15).png

 

步驟二

點按「元件」按鈕。

Custom_liquid_CN_2.png

 

步驟三

點選「輔助工具」下的「客製化語法」元件。

image.png

 

步驟四

在「語法」處輸入自訂文字,您可輸入一般文字、HTML 、CSS、JavaScript。

image (1).png

 

步驟五

在設定過程中可點按下方「儲存」按鈕,於右側預覽畫面查看新增的客製化語法,或是切換手機版預覽畫面查看。

image (2).png


image (3).png

 

您也可以點按右上方「預覽商店」,查看完整的前台預覽畫面。

image (4).png

 

步驟六

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

image (5).png


 

二、注意事項

  • 系統為避免受到部分 HTML 語法影響,造成安全性或是網店架構問題,會過濾或阻擋部分語法。
  • 語法建議需要由資訊專業人員撰寫,以免造成顯示異常。
  • SHOPLINE 不會給予店家語法的建議及教學。

編輯前請注意:

基於 SHOPLINE 作為網路平台,需經常更新網站設計及系統的本質,如果您的客製腳本因網站更新出現問題,本站概不負責。SHOPLINE 建議您經常查看網站狀況及更新,以確保網店及版面運作正常。

 

 

延伸閱讀



 

 

 

 

還有其他問題?提交請求

評論