產品頁文字修改封面圖

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


常見問題

Q:為什麼我的群組頁面跑版了?
A:可能在html語法編輯過程有誤,以此案例,商家html撰寫過程為正確閉合,如:

錯誤案例:<span style=”color:black;”>浙江風味,甘鹹好下飯>
正確寫法:<span style=”color:black;”>浙江風味,甘鹹好下飯</span>

因此導致頁面呈現受到影響,建議 HTML 相關仍需委託專業人士,若有個人設定問題恕 CYBERBIZ 無法提供個別協助



Loading