Shopify 多屬性變體產品 Variants 的添加和設置

本篇內容接上文 – Shopify產品定價，庫存與發貨設置，繼續說下Shopify產品上傳中，多屬性產品，也就是Shopify變體產品的上傳和設置教程。

什麼是多屬性變體產品 Variants

Variants, 即爲多屬性產品（變體產品）。例如某T恤衫有4種不同的顏色，4種不同的尺寸，你可以將他們做成多屬性產品，合併到一個產品頁面裏面，而不是爲每個屬性做一個產品頁面。否則你要總計做出（4個顏色 X 4個尺寸）16個只有顏色和尺寸有差異的重複頁面。無論是從客戶體驗還是 Google SEO 都不友好。因此，建議把可以做成變體的產品儘可能做到一個產品頁面裏面。

最近 Shopify 在國內不太穩定，如果打不開 Shopify 官網, 或者打開速度很慢，無法註冊或者登錄 Shopify 賬戶，請使用“魔法”重試，你懂的。

如下圖，這款產品提供了 13 個顏色選擇和 4 個尺寸選擇，外加一個定製選項(定製選項爲了方便我們把它看作爲 2 個變體的集合，也就是定製或者不定製)，因此，這個變體產品實際上是集合了13*4*2=104個產品到一個頁面裏面供客戶選擇。

那麼上圖所示的變體信息是如何實現的呢？

Shopify 多屬性產品的添加

在 Shopify 產品添加管理頁面的“選項 Options”板塊爲產品添加多屬性信息。

在 “選項 Options” 板塊勾選 “此產品包含選項，例如大小或顏色 (This product has options，like size or color)” 之後，我們就可以按照自己的實際需求，依次添加“選項名稱”和“選項值”。

“選項名稱”就是“多屬性名稱”，大部分主題會在產品頁面前臺顯示這個名稱，因此需要我們使用英語，或者說使用目標市場客戶語言來填寫。系統默認的“選項名稱”包括：尺寸 Size, 顏色 Color, 材質 Material, 以及 風格 Style。我們可以直接使用系統推薦的選項名稱，也可以直接輸入我們需要的自定義的“多屬性名稱”，如手機內存大小 “Memory and Storage”。

“選項值”就是“屬性值”，是多屬性的具體表現。例如“選項名稱”是 Color, 那麼“選項值”可以是 Red, White, Black, Yellow, Green 等等等等。一個文本框中填寫一個。填寫完成之後我們通過拖動選項值前面的六個點圖標對選項值進行重新排序（後臺選項值的排序就是最終顯示在前臺的選項值的排序），也可以點擊選項值後面的垃圾桶圖標刪除某個選項值。

如果某個產品有多個屬性，那麼我們需要點擊“添加其他選項 （add another option）”來添加新的選項。

在我們向 Shopify 系統中添加“選項名稱”和“選項值”的同時，在頁面下方會多出來一個“多屬性”的板塊，一行一個，顯示我們添加的各個屬性。我們可以在這裏爲各個屬性分別添加圖片，價格，庫存數量，SKU編號，以及UPC編號。(如果無法添加屬性圖片的話，可能需要先保存下頁面，然後纔會出現添加圖片的選項)

點擊上圖中的多屬性編輯按鈕，可以對單個屬性產品進行更加詳細的設置，如爲該產品添加 Compare at Price，設置庫存信息和發貨信息，等等。

在 Shopify 系統中，目前每個產品頁面最多隻能添加3個屬性“選項名稱”（基本能夠滿足大部分產品了吧）。並且變體總數，或者單個屬性值的數量不能超過100個。比方說某個產品有120個顏色，那麼Shopify系統最多隻能添加其中的100個顏色；或者說某個產品有50個顏色和3個尺寸規格，也就是共計150個變體，Shopify 系統最多也只能添加其中的100個產品信息，其餘50個是無法添加的。這種情況下，我們可以把這個產品頁面拆分爲2個或者多個變體產品，或者藉助 Shopify 插件來擴充變體的數量。

Shopify 變體數據批量編輯

Shopify 系統的變體產品編輯頁面提供了批量編輯工具。我們可以通過選擇工具快速選中那些需要編輯的變體。然後在下方會出現批量編輯器選項，通過它我們可以高效的批量添加，編輯或者刪除變體信息。

這其中的“打開批量編輯器”是在新標籤頁中打開編輯器頁面。如下圖，點擊右上角的“列”可以選擇顯示到頁面中的選項。這個頁面可以直接當做一個簡單的Excel表格，需要修改哪個“單元格”的數據，直接鼠標點擊選中，然後直接修改就可以。可以修改的內容包括價格，原價，成本價，收稅與否，SKU，產品條碼，缺貨後是否可以繼續銷售，是否跟蹤庫存數量等等。

“批量編輯器”按鈕後面的“•••”則是在彈窗頁面中批量編輯屬性值，個人認爲相比較於上面對產品變體的編輯，現在介紹的這個批量編輯工具更“名副其實”。除了上面編輯工具的功能之外，這個批量編輯工具還可以批量添加變體圖片，批量刪除變體，批量複製變體等等。

例如上圖所示，我要給所有變體添加變體圖片，那麼我可以先通過選擇器選中所有紅色的變體產品，然後在批量編輯器中選擇“添加圖片”，給所有選中的變體添加產品圖片。

完成變體產品的添加之後，在產品頁面前臺，我們可以查看該產品的各個變體信息。如果有問題的話，再在後臺進行調整。如下圖，Color，Size 是我們在後臺添加的選項名稱；Red，Black，Medium，Large 是我們在後臺添加的選項值。

大部分 Shopify 主題顏色變體是類似上圖所示的文字顯示或者小顏色圖標來顯示的，如果要將變體顏色做成對應的產品的小圖片，要麼需要購買安裝特定的主題才能實現，要麼需要安裝插件才能實現。我們可以在 Shopify 應用市場搜索“Swatch”找到相關的插件。比方說 Variant Image Automator；Swatch King ‑ Variant Options；或者 Variant Image Wizard + Swatch。

使用Shopify變體插件最終實現的產品頁面效果如下圖所示：