跳至內容

Part 8 · 屬性與屬性值(含變體差異化)

Part 8

屬性與屬性值(含變體差異化)

同一件 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
建立屬性:命名、選顯示類型、加值

輸入屬性名(如「顏色」)並「建立並編輯」,開啟屬性表單。這裡決定前台怎麼呈現要不要建變體

建立屬性表單
① 屬性名稱 ② 顯示類型(單項選擇按鈕/藥丸形狀/選擇/顏色/多個勾選方格) ③ 建立款式變體(即刻/動態/從不) ④ 屬性值(加入 紅/藍/黑,可設顏色與加價) ⑤ 電子商務篩選器(是否成為 /shop 左側篩選)。
設定選項說明
顯示類型單項按鈕/藥丸/選擇/顏色/多選方格前台呈現樣式(下段對照)
建立款式變體即刻 / 動態 / 從不即刻=立即展開所有變體;動態=下單才建;從不=不建變體(純標示)
屬性值 · 顏色每個值設 html 色碼「顏色」型才會用到,前台顯示色塊
屬性值 · 預設額外價格每個值可 +金額選該值就加價(變體差異化,見 D)
電子商務篩選器可見 / 隱藏可見=成為 /shop 左側的篩選條件
💡 示範設定顏色=顏色型(紅#DC2626/藍#2563EB/黑#111827);尺寸=藥丸型(S/M/L)。兩者「建立變體=即刻」,就得到 9 個變體。

C. 前台顯示類型對照

同樣一組值,換「顯示類型」前台就長不一樣。以下是三種常見型的實際樣子:

藥丸與色塊
藥丸(尺寸)+ 顏色色塊(顏色):① 尺寸 S/M/L 藥丸 ② 顏色紅/藍/黑色塊。最直覺,服飾常用。
選擇下拉
選擇(下拉):① 顏色變成下拉選單「紅色 ▾」。值多、想省版面時用。
顯示類型前台樣子適合
單項選擇按鈕(Radio)一排圓鈕逐一列出值少、要一眼全看到
藥丸形狀(Pills)膠囊按鈕(如 S M L)尺寸、款式,最常用
選擇(Select)下拉選單值很多,省版面
顏色(Color)色塊圓點顏色屬性,直接看色
多個勾選方格(Multi)可複選的方格不產生變體的加購選項
💡 怎麼改顯示類型可在屬性表單改(B 步驟②),也可在商品頁「自訂」面板的「款式」直接切換即時預覽。

D. 變體差異化:加價・專屬圖・庫存

1
某規格加價

在屬性值的「預設額外價格」(或變體上的「額外價格」)填金額,選到該值就自動加價。示範把尺寸 L 設 +100,前台選 L 就顯示加價:

L 加價前台顯示
② 尺寸 L 旁顯示「+NT$ 105」(100 元加價含 5% 稅);④ 選 L 後總價自動上調。③ 顏色仍為色塊。
2
變體專屬圖片

想讓顧客選「藍色」時主圖換成藍色實拍:到變體清單(商品 › 變體)開那個變體,設它自己的圖片。前台選到該顏色時,主圖就切換成該變體的圖。(若不設,則共用商品的圖庫。)

3
變體各自庫存

每個變體是獨立的可庫存單位:可分別設數量價格微調。缺貨的變體,前台會依設定顯示「缺貨/不可加入購物車」或「可補貨」提示,避免超賣。

💡 差異化都掛在「變體」屬性值層級的「預設額外價格」是通用加價;若某個「顏色×尺寸」組合要特別定價/圖片/庫存,就到該變體逐一設定,更精準。
⚠️ 注意事項
  • 增刪屬性會重建變體,變體上原本設定的圖片/加價/庫存可能被清掉;規格先想定再建。
  • 「建立變體=從不」的屬性不會產生變體,也就無法對它加價/配圖/管庫存,只是純標示。
  • 顏色型的值要記得設色碼,否則前台色塊會是空白/預設色。
  • 屬性設「電子商務篩選器=可見」才會出現在 /shop 左側篩選(Part 9)。
如何查到 屬性管理:電子商務 › 屬性,或商品「屬性和變體」頁籤 › 加入資料行。前台顯示方式:屬性表單「顯示類型」或商品頁「款式」。加價:屬性值「預設額外價格」或變體「額外價格」。變體圖片/庫存:商品 › 變體。
評分
0 0

暫時沒有留言。

成為第一個留言的人。