樣板編輯器操作全攻略

樣版編輯器的操作說明、常見特殊語法應用及重要注意事項。

| 全版本
| 預設版型 / 拖拉版型

樣版編輯器說明¶

樣版編輯器（或稱程式碼編輯器、CSS/HTML 編輯器）提供商家自行修改 HTML、CSS 與 JavaScript 的權限，以達成高度客製化的視覺與功能需求。

以下整理樣版編輯器的操作說明、常見特殊語法應用及重要注意事項：

樣版編輯器基礎操作¶

1. 進入路徑：前往後台 網站外觀 > 套版主題管理 > 選擇操作 > CSS/HTML 編輯器。
2. 檔案搜尋：進入編輯器後，可於搜尋欄輸入關鍵字（如 theme、product、index）快速查找對應的 .liquid、.css 或 .js 檔案。
3. 恢復機制：編輯器內建 查看之前版本 功能，可回溯至先前版 本。
   • 建議每次大規模更動前先記錄當下的時間點以便日後對照。

通用與首頁特殊語法應用¶

透過簡單的代碼片段，即可調整網站的保護機制與互動行為。

商品頁進階修改¶

針對商品呈現與媒體播放進行微調，優化消費者的購物導引。

重要注意事項¶

• 版型限制：
  • 預設版型：開放完整 HTML/CSS/JS 語法客製。
  • 拖拉版型：僅支援 少數 後台 CSS/HTML 編輯器功能，部分程式碼修改可能不生效。
• 責任歸屬：CYBERBIZ 提供開放的程式碼編輯權限，但 官方不提供現有文件外的修改指導、語法教學或代碼撰寫服務。
• 風險自負：商家自行修改程式碼若導致版面跑版或功能異常，需自行承擔後果；發生異常時應優先使用恢復機制還原檔案。
• 變數保護：修改 Email 或簡訊樣板時，切勿更改 {{ }} 或 %{ }} 內的系統參數（如 {{shop_name}}），以免導致系統無法抓取資料而發信失敗。

常見問題¶