附錄
速查:控制項 / 顯示類型 / 圖片規格 / FAQ
把全書操作濃縮成幾張表,操作時快速對照。
A. 右側「自訂」面板控制項速查
| 控制項 | 作用 | 範圍 | 章節 |
|---|---|---|---|
| 圖片寬度 | 隱藏 / 50% / 66% / 100% | 全站 | Part 4 |
| 圖片版面 | 輪播 / 網格(+間距/欄數) | 全站 | Part 4 |
| 圖片縮放 | 無 / 懸停放大鏡 / 點擊彈窗 / 兩者 | 全站 | Part 4 |
| 縮圖位置 | 左側 / 底部 | 全站 | Part 4 |
| 主圖 / 額外圖片 | 換主圖、加多圖、排序 | 單品 | Part 6 |
| 選擇數量 | 顯示數量選擇器 | 全站 | Part 5 |
| 現在購買 | 立即購買鈕 | 全站 | Part 5 |
| 稅務指示 | 價旁標含稅/未稅 | 全站 | Part 5 |
| 更多資訊 | 規格手風琴 | 全站 | Part 5 |
| 產品標籤 / 條款 | 顯示標籤 / 條款段落 | 全站 | Part 5 |
| 評分 / 分享 | 星等評論 / 社群分享鈕 | 全站 | Part 5 |
| 款式 | 變體顯示方式 | 全站 | Part 8 |
B. 屬性顯示類型速查
| 類型 | 前台 | 典型用途 |
|---|---|---|
| 單項選擇按鈕 | 一排圓鈕 | 值少、全列出 |
| 藥丸形狀 | 膠囊按鈕 S M L | 尺寸、款式(最常用) |
| 選擇 | 下拉選單 | 值很多、省版面 |
| 顏色 | 色塊圓點 | 顏色(記得設色碼) |
| 多個勾選方格 | 可複選方格 | 不產生變體的加購 |
※ 變體建立:即刻=立即展開所有組合/動態=下單才建/從不=不建變體。
C. 圖片與價格小建議
| 項目 | 建議 |
|---|---|
| 主圖 | 正方形、去背或同底色,最有代表性的一張;它同時是 /shop 卡片與分享預覽圖 |
| 額外圖片 | 3–4 張以上,網格版面才好看;尺寸一致 |
| 影片 | 放 YouTube/Vimeo 連結,與圖片一起輪播 |
| 加價 | 屬性值「預設額外價格」=通用加價;單一變體特別定價到「變體」設 |
| 含稅顯示 | 台灣零售多用「連稅」,前台標含稅價(Part 1) |
D. 常見問題 FAQ
Q1. 「自訂」面板一片空白?切到自訂頁籤後要先點頁面上的商品(圖或標題),選項才出現(Part 3)。
Q2. 找不到心願單/比較/劃線原價?回 Part 1 設定把對應開關打開並儲存。
Q3. 顧客在 /shop 看不到商品?商品右上「已發佈」要是綠燈;且商品要有價格(或關掉「價格為零就隱藏」)。
Q4. 顏色色塊是空白的?到屬性值設每個顏色的 html 色碼(Part 8 B)。
Q5. 選了尺寸價格沒變?加價要填在屬性值「預設額外價格」或該變體的額外價格(Part 8 D)。
Q6. 改了圖片版面,別的商品也變了?正常:圖片寬度/版面是全站設定。單品專屬的只有主圖、額外圖片與緞帶(附錄 A「範圍」欄)。
Q7. /shop 左側沒有顏色/尺寸篩選?該屬性要設「電子商務篩選器=可見」(Part 8、Part 9)。
Odoo 18 網路商店前台建立商品與商品頁編輯手冊 · 示範環境 demo.dobtor.com · 全書以示範 T‑Shirt(顏色/尺寸)貫穿,畫面均為實機操作擷圖,紅框①②③標示點擊位置 · 可用瀏覽器「列印 → 另存為 PDF」輸出。