編輯商品簡述與商品標語

客製商品標語與商品簡述文字樣式、修改商品文案

| 全版本

商品簡述與標語

商品簡述與商品標語說明¶

商品簡述與商品標語是顯示於商品頁面的文字欄位，用於補充商品特色與重點資訊。商家可以客製化商品頁中 「商品標語」 與 「商品簡述」 的文字呈現，包含修改文字顏色、字型、大小及分行等。

前台顯示位置

商品簡述：精選優質奶油乳酪，以低溫烘焙鎖住香氣與濕潤囗感。每一囗都綿密細緻、奶香濃厚,微酸中帶著淡淡甜味。無論是下午茶、生日派對或節慶禮，都是療癒又高雅的甜點首選。
商品標語：濃郁滑順，一囗融化的幸福滋味。

商家可以透過以下兩種方式客製商品簡述與商品標語的文字樣式，維持品牌一致性並強化行銷效果：

商品語法設定優先規則

商品標語與商品簡述欄位的語法設定優先於樣板編輯器的全站樣式。若同時修改樣板編輯器與個別商品，系統將以個別商品設定為準。

由於後台的「商品標語」與「商品簡述」欄位本身不支援格式編輯器，您可以利用「商品介紹」的編輯器作為工具來產生程式碼。

進入編輯頁面：前往「商品」>「所有商品」> 點選欲編輯的商品。
產生程式碼：
- 在「商品描述」的編輯器中，先將格式由「標準」改為「標準(DIV)」。
- 輸入您想要的文字內容，並設定好顏色、大小、粗體等樣式。
- 點擊編輯器左上方的「原始碼」按鈕。
套用樣式：
- 將出現的 HTML 程式碼複製起來，並隨即刪除編輯器內的內容（以保持商品描述乾淨）。
- 將複製的程式碼貼入上方的「商品標語」或「商品簡述」欄位中。
- 按下「儲存」後即可在商品頁看到修改效果。
此欄位內的語法編輯權限 優先於 樣版編輯器，即個別設定會覆蓋全站設定。

程式碼修改注意事項

若您希望一次更改全站所有商品的標語或簡述顏色、大小，可透過 CSS 語法進行修改。

查找樣式代碼：
- 在官網商品頁面，點選瀏覽器右上角「工具」>「開發人員工具」。或按 Ctrl+Shift+C（Windows/Linux）或 Cmd+Option+C（Mac）直接開啟開發人員工具並啟用元素選取模式。
- 利用箭頭工具選取您想修改的文字位置，並在右下角 Styles 區域查找並複製對應的 CSS 程式碼。
進入後台修改：
- 前往「網站外觀」>「套版主題管理」>「選擇操作：CSS/HTML編輯器」。
- 點開檔案 css/theme_main.css。
- 將複製的代碼貼到檔案最後面，並修改 color: 後方的色碼或 font-size: 的數值。您可參考色碼表選擇合適顏色代碼。
儲存與預覽：儲存後，全站所有商品的該位置文字都會同步變更顏色或大小。