Part 8
① 屬性和變體 頁籤 ② 加入資料行(新增一個屬性) ③ 警告:增刪屬性會重建現有變體,可能丟失變體上的自訂(先想清楚規格)。
① 屬性名稱 ② 顯示類型(單項選擇按鈕/藥丸形狀/選擇/顏色/多個勾選方格) ③ 建立款式變體(即刻/動態/從不) ④ 屬性值(加入 紅/藍/黑,可設顏色與加價) ⑤ 電子商務篩選器(是否成為 /shop 左側篩選)。
藥丸(尺寸)+ 顏色色塊(顏色):① 尺寸 S/M/L 藥丸 ② 顏色紅/藍/黑色塊。最直覺,服飾常用。
選擇(下拉):① 顏色變成下拉選單「紅色 ▾」。值多、想省版面時用。
② 尺寸 L 旁顯示「+NT$ 105」(100 元加價含 5% 稅);④ 選 L 後總價自動上調。③ 顏色仍為色塊。
屬性與屬性值(含變體差異化)
同一件 T‑Shirt 有紅/藍/黑、S/M/L——這些「規格」在 Odoo 叫「屬性(Attribute)」與「屬性值(Value)」,系統會據此自動產生一個個「變體(Variant)」。這一章教你建立屬性、選前台顯示方式,並做變體差異化:某個規格加價、配專屬圖片、各自庫存。
後台:電子商務 › 產品 › 屬性和變體 頁籤 | 前台:商品頁「款式」呈現
A. 三個名詞的關係
屬性 Attribute
顏色、尺寸
→
屬性值 Value
紅/藍/黑 · S/M/L
→
變體 Variant(自動產生)
紅-S、紅-M … 黑-L(3×3=9 種)
💡 變體=規格的組合你只要建「屬性+值」,Odoo 依「建立變體=即刻」自動把所有組合展開成變體(顏色3×尺寸3=9 種)。加價、圖片、庫存都是掛在「變體」上。
B. 後台建立屬性與屬性值
1
到商品的「屬性和變體」頁籤
後台開商品(電子商務 › 產品 › 點商品),切到「屬性和變體」頁籤,按「加入資料行」新增一個屬性:
2
建立屬性:命名、選顯示類型、加值
輸入屬性名(如「顏色」)並「建立並編輯」,開啟屬性表單。這裡決定前台怎麼呈現與要不要建變體:
| 設定 | 選項 | 說明 |
|---|---|---|
| 顯示類型 | 單項按鈕/藥丸/選擇/顏色/多選方格 | 前台呈現樣式(下段對照) |
| 建立款式變體 | 即刻 / 動態 / 從不 | 即刻=立即展開所有變體;動態=下單才建;從不=不建變體(純標示) |
| 屬性值 · 顏色 | 每個值設 html 色碼 | 「顏色」型才會用到,前台顯示色塊 |
| 屬性值 · 預設額外價格 | 每個值可 +金額 | 選該值就加價(變體差異化,見 D) |
| 電子商務篩選器 | 可見 / 隱藏 | 可見=成為 /shop 左側的篩選條件 |
💡 示範設定顏色=顏色型(紅#DC2626/藍#2563EB/黑#111827);尺寸=藥丸型(S/M/L)。兩者「建立變體=即刻」,就得到 9 個變體。
C. 前台顯示類型對照
同樣一組值,換「顯示類型」前台就長不一樣。以下是三種常見型的實際樣子:
| 顯示類型 | 前台樣子 | 適合 |
|---|---|---|
| 單項選擇按鈕(Radio) | 一排圓鈕逐一列出 | 值少、要一眼全看到 |
| 藥丸形狀(Pills) | 膠囊按鈕(如 S M L) | 尺寸、款式,最常用 |
| 選擇(Select) | 下拉選單 | 值很多,省版面 |
| 顏色(Color) | 色塊圓點 | 顏色屬性,直接看色 |
| 多個勾選方格(Multi) | 可複選的方格 | 不產生變體的加購選項 |
💡 怎麼改顯示類型可在屬性表單改(B 步驟②),也可在商品頁「自訂」面板的「款式」直接切換即時預覽。
D. 變體差異化:加價・專屬圖・庫存
1
某規格加價
在屬性值的「預設額外價格」(或變體上的「額外價格」)填金額,選到該值就自動加價。示範把尺寸 L 設 +100,前台選 L 就顯示加價:
2
變體專屬圖片
想讓顧客選「藍色」時主圖換成藍色實拍:到變體清單(商品 › 變體)開那個變體,設它自己的圖片。前台選到該顏色時,主圖就切換成該變體的圖。(若不設,則共用商品的圖庫。)
3
變體各自庫存
每個變體是獨立的可庫存單位:可分別設數量與價格微調。缺貨的變體,前台會依設定顯示「缺貨/不可加入購物車」或「可補貨」提示,避免超賣。
💡 差異化都掛在「變體」屬性值層級的「預設額外價格」是通用加價;若某個「顏色×尺寸」組合要特別定價/圖片/庫存,就到該變體逐一設定,更精準。
⚠️ 注意事項
- 增刪屬性會重建變體,變體上原本設定的圖片/加價/庫存可能被清掉;規格先想定再建。
- 「建立變體=從不」的屬性不會產生變體,也就無法對它加價/配圖/管庫存,只是純標示。
- 顏色型的值要記得設色碼,否則前台色塊會是空白/預設色。
- 屬性設「電子商務篩選器=可見」才會出現在 /shop 左側篩選(Part 9)。
如何查到
屬性管理:電子商務 › 屬性,或商品「屬性和變體」頁籤 › 加入資料行。前台顯示方式:屬性表單「顯示類型」或商品頁「款式」。加價:屬性值「預設額外價格」或變體「額外價格」。變體圖片/庫存:商品 › 變體。