跳至內容

Part 3 · 進入編輯:右側面板總覽

Part 3

進入編輯:右側面板總覽

商品頁的所有調整都在編輯模式的右側面板完成。這一章先給你一張「面板地圖」——認識三個頁籤,以及商品頁專屬的「自訂」面板長什麼樣、有哪些控制。看懂這張圖,Part 4、5 就是逐項細講。

路徑:商品頁 右上 編輯 右側面板

A. 右側三個頁籤

內容區塊
拖版型進描述區(Part 7)
自訂
商品頁控制項(Part 4、5、8)
設計主題
全站配色字型(本書不涉)

B. 逐步操作

1
「內容區塊」頁籤:拖版型用

剛進編輯器預設在「內容區塊」頁籤,這裡是一格格可拖曳的版型(簡介、圖片、人物、產品…)。把它們拖到頁面下方的描述區,用來豐富商品介紹(Part 7):

內容區塊頁籤
① 三頁籤(目前在「內容區塊」) ② 版型清單 ③ 頁面底部的「拖曳區塊到這裡」=商品描述區。
2
「自訂」頁籤:先點商品,面板才出現選項

切到「自訂」頁籤後,要先在頁面上點一下商品區(例如點商品圖),右側才會列出這個商品頁的所有控制。這就是本書的核心面板:

自訂面板:產品頁控制項總覽
「產品頁」控制總覽:① 選擇數量(數量選擇器) ② 款式(變體顯示方式) ③ 現在購買+更多資訊 ④ 圖片寬度 ⑤ 圖片縮放/縮圖 ⑥ 主圖/額外圖片。
⚠️ 面板空白?切到「自訂」卻沒看到這些選項,是因為還沒點選頁面上的商品。點一下商品圖或標題把它選起來,選項就會出現。
3
面板控制項地圖(本書導覽)
面板區塊控制什麼詳見
圖片寬度/版面/縮放商品圖多大、輪播或網格、放大鏡Part 4
主圖/額外圖片換主圖、加多圖、排序Part 6
選擇數量・現在購買・更多資訊・稅務指示・條款・產品標籤・款式頁面上各種元素的開關與樣式Part 5
款式(變體顯示)顏色/尺寸在前台怎麼呈現Part 8
💡 邊改邊看面板上的每個開關/選項都是即時預覽——切一下就看到頁面變化,滿意再按右上「儲存」。這也是後面「切換前後對照」的由來。
⚠️ 注意事項
  • 「自訂」面板的多數設定是全站商品頁共用(例如圖片版面),改一次所有商品頁一起變;少數(主圖、額外圖片)是單一商品。各章會標明。
  • 改完一定要按右上「儲存」;按「捨棄」則放棄本次所有變更。
如何查到 商品頁 › 右上 編輯。拖版型用「內容區塊」頁籤;調控制項用「自訂」頁籤並先點商品。找不到選項=沒選到商品。
評分
0 0

暫時沒有留言。

成為第一個留言的人。