網路商店商品頁操作手冊
已完成
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 |
💡 邊改邊看面板上的每個開關/選項都是即時預覽——切一下就看到頁面變化,滿意再按右上「儲存」。這也是後面「切換前後對照」的由來。
⚠️ 注意事項
- 「自訂」面板的多數設定是全站商品頁共用(例如圖片版面),改一次所有商品頁一起變;少數(主圖、額外圖片)是單一商品。各章會標明。
- 改完一定要按右上「儲存」;按「捨棄」則放棄本次所有變更。
如何查到
商品頁 › 右上 編輯。拖版型用「內容區塊」頁籤;調控制項用「自訂」頁籤並先點商品。找不到選項=沒選到商品。