2025 年 2 月 27 日

產品頁文字修改封面圖

What【功能說明】:

  • 客製化您商品頁「商品標語」、「商品簡述」的文字設定,修改【文字顏色、字型、大小、分行等】呈現

Result「成果展示」:


注意事項
  • 「商品標語」、「商品簡述」之語法編輯,優先於「程式碼編輯器」,因此「商品標語」、「商品簡述」的語法會蓋過「樣版編輯器」的設定
  • CYBERBIZ公開版行程式碼供商家可「自行」修改,若有更改需求,敬請委託自家工程師或
    「外部設計單位」,CYBERBIZ「未提供」現有文件外的任何修改資訊,敬請見諒。
  • 樣版編輯器皆有「查看之前版本」功能,「1」為預設值,不論如何修改都可回溯,相關可參考 恢復樣版編輯器 教學文件。
  • 拖拉版型不支援部分程式碼編輯,請依後台開放功能為主。

利用「商品介紹」與「原始碼」應用,個別修改【文字樣式】

  1. 進入後臺
    後台路徑 :「商品」→「所有商品」→ 點選你想編輯的商品

    產品頁文字修改09
  2. 若您有寫 HTML 的背景,您可以直接在用語法撰寫【商品標語】【商品簡述】,
    若您不會程式的話,CYBERBIZ 這邊教您一個方法可以快速產生程式碼,
    點進「商品描述」

    產品頁文字修改10
  3. 先選擇「標準」改為「標準(DIV)」並在空白處輸入您想要的文字顏色、大小及相關設定並按下「原始碼」,並可以將下方原始碼複製走(記得複製完後要將程式碼做刪除)

    產品頁文字修改11
    產品頁文字修改12
  4. 將複製的原始碼貼上【商品標語】【商品簡述】並按下儲存。

    產品頁文字修改13
  5. 則可至商品頁面看到您的文字修改。
    *「商品標語」、「商品簡述」之語法編輯,優先於「樣版編輯器」,因此「商品標語」、「商品簡述」的語法會蓋過「樣版編輯器」的設定

利用「程式碼編輯器」全站調整【文字顏色、大小】

進入您網頁商品頁面,若您覺得商品簡述不夠清楚或是您不喜歡這樣的配色,透過後臺語法去做修改

產品頁文字修改04

  1. 點選右上角「工具」→「更多工具」→「開發人員工具

    產品頁文字修改05
  2. 點選右上箭頭開啟功能(A),將數標放置到您想修改的位置點一下左鍵(B),並可以查找右下角 Styles 裡的程式碼,複製程式碼(C)

    產品頁文字修改06
  3. 進入後臺
    後台路徑 :「網站外觀」→「套版主題管理」→「程式碼編輯器」→「css/theme_main.css」
    將複製的程式碼貼到最後面,並透過色碼表挑選您網站適合的配色,將color : 後面代碼改掉(如圖) 色碼表

    產品頁文字修改07
  4. 並可以回到商品頁面,看到商品簡述的地方更改為剛剛設定的顏色,並且所有的商品都會一併更改顏色

    產品頁文字修改08


滿意此教學文件嗎?

平均星星 0 / 5. 投票數 0

真的很抱歉造成您的困擾

可以留下您的建議或回饋

告訴我們哪裡需要更改