Part 0
① 商店目錄(/shop):左側自動出現屬性篩選(顏色、尺寸)與價錢範圍;中間是商品卡片。詳見 Part 9。
② 商品頁:① 圖片與縮圖 ② 尺寸(藥丸) ③ 顏色(色塊) ④ 選 L 加價提示。本書大半在教這一頁。
導論:三個畫面、兩種編輯
「網路商店(eCommerce,Odoo 內選單為電子商務)」讓你把商品放上網站賣。這本手冊聚焦在「商品頁」——怎麼從前台一鍵建立商品,怎麼用商品頁右側的「自訂」面板逐項調校外觀,怎麼放多張圖片與影片、拖版型完善介紹,以及怎麼設定屬性/變體(顏色、尺寸、加價、庫存)。全書用一件示範 T‑Shirt 貫穿。
先建立兩個最重要的心智圖,後面每一章都會回到這兩張圖。
A. 你會用到的三個畫面
點商品
① 商店目錄 /shop
顧客逛、篩選、找商品
→
深入設定
② 商品頁(前台)
看圖、選規格、加購物車
→
③ 後台商品表單
深入設定、屬性、庫存
| 畫面 | 誰在用 | 網址 | 做什麼 |
|---|---|---|---|
| ① 商店目錄 | 顧客 | /shop | 瀏覽所有商品、用屬性篩選、排序、搜尋 |
| ② 商品頁 | 顧客/你(編輯) | /shop/商品 | 看圖、選顏色尺寸、加入購物車;你在此前台編輯 |
| ③ 後台表單 | 你(管理) | /odoo… | 屬性與變體、庫存、稅、進階欄位 |
B. 對照畫面
C. 兩種編輯,別搞混
商品頁在「編輯」模式下有兩種調整方式,這是全書最重要的觀念:
| 編輯方式 | 在哪 | 改什麼 | 章節 |
|---|---|---|---|
| 拖區塊(內容) | 右側「內容區塊」頁籤 | 往商品描述區拖版型(圖文、特色、圖庫…)豐富介紹 | Part 7 |
| 改選項(自訂) | 右側「自訂」頁籤 | 商品頁本身的控制項:圖片版面、按鈕、數量、屬性顯示… | Part 3–5、8 |
💡 一句話分辨想「加一段圖文介紹」→ 拖內容區塊(Part 7);想「把圖片改大、加個購買鈕、改顏色的顯示方式」→ 用自訂面板(Part 3 起)。
如何查到
後台入口:九宮格 ▦ 或頂部 電子商務 選單。商店前台:網站網址加
/shop。本手冊示範站為 demo.dobtor.com,範例商品為「經典棉質 T‑Shirt」。