# POS 方案適用欄位，請見下方注意事項
當商品有不同款式時，可以使用「商品規格」的功能為商品設定「規格」與「選項」讓消費者可以選擇不同的款式。
一、功能介紹
在設定之前先說明一下「商品規格、規格選項、商品款式」的差別。
- 商品規格：系統預設三種為上限，可以選擇「尺寸、顏色」或是「自訂」。
- 規格選項：例如「顏色」這個規格可以再細分為「黑色、棕色」等選項；「尺寸」這個規格可以再細分為「S、M、L」等選項。
- 商品款式：上述的「規格」和「選項」搭配出來的組合，就會是商品款式，例如「黑色的 S 號」等款式。
以西裝外套為例：
- 商品規格：設定「顏色」、「尺寸」、「自訂：版型」三種規格。
- 規格選項：「顏色」這個規格有「棕色、黑色」等選項；「尺寸」這個規格有「S、M、L」等選項；「自訂：版型」這個規格有「男版、女版」等選項。
- 商品款式：依上述「規格」和「選項」搭配出來的商品款式之一為「男版 S 的棕色」西裝外套。
一件商品最多可設定三種「商品規格」，常見的規格有：顏色、尺寸、重量等。但「規格選項」和「商品款式」的上限則會依照計畫，有可新增的組合數量限制：
|
網路開店、社群購物、零售 POS 方案
|
款式上限為 100 組
|
|
進階商店與訂單管理模組
|
款式上限為 400 組 |
- 新版商品款式：可以根據每個款式設定各自的「特價、成本價、重量」，並顯示「價格區間」於前台。您可以依照商品特性、設定規格與選項組合而成多種商品款式。
二、設定步驟
步驟一：確認商店計畫方案，開始使用
進入商店後台右上角「你好，OOO > 我的訂閱紀錄」查看商店的計畫方案和模組。
- 如果您看到的畫面如下圖，頁面內容中有「開店方案」及「功能模組」請先確認您的商店是否有「網路開店 / 社群購物 / 零售POS」方案。有的話可以前往步驟二進行設定。
- 如果您看到的畫面如下圖，頁面內容中的「計畫」為基本計畫、高階計畫、豪華計畫、O2O、企業旗艦計畫。請您先確認您的商店是否為「O2O、企業旗艦」計畫。
如果是的話可以進入左側目錄選單中的「擴充功能」>「擴充功能商店」來安裝功能提升商品款式至 400 組。
步驟二：進入「編輯商品」頁面
前往「SHOPLINE 商店後台 > 商品及分類 > 商品」點按商品「編輯」按鈕。
步驟三：開啟商品規格設定
進入編輯頁面後，點選「商品規格」頁籤。「商品規格」功能預設為關閉的狀態，如果商品有不同款式的話請點選右方的切換鈕開啟功能。
＊注意：一但開啟「商品款式」開關後，在商店結帳計算運費時，若使用「按重量計費」的送貨方式，將以款式所輸入的「重量」計算運費，不會以主商品重量計算，並且主商品重量將會無法編輯。
步驟四：設定規格名稱
在「規格名稱」選擇「顏色」、「尺寸」或「自訂」（自行填入名稱）後，在右方欄位填入選項名稱。
如需再加入第二種或第三種規格請點選「增加規格」，一樣再到該規格的右方欄位輸入選項名稱即可。
＊注意：
- 選項名稱不可重複。
- 於商店前台商品下方，目前僅支援顯示兩種規格的選項圖片。
若您設定兩種規格，在右方新增的選項名稱，系統會自動對應產生組合在下方商品款式中。
例如設定「經典藍、性感粉」 的選項在顏色的規格中，再設定「大、中、小」的選項在尺寸的規格中，系統會自動帶出六個商品款式組合在下方。
＊注意：如果款式組合超過 50 組，會以 50 組分一頁，並可以在頁面最下方切換分頁。
步驟五：編輯規格 / 選項名稱
按下「編輯規格／選項名稱」按鈕，並在彈出視窗用繁體中文、英文或您商店支援顯示的語言，填寫商品規格名稱和選項名稱，您可以只選擇填寫（默認）語言的欄位。
＊備註：默認語言為您的商店語言，可以在「商店設置 > 基本資料」 更改。
步驟六：「皆同主商品價格」和「無限數量」設置
- 皆同主商品價格：系統預設為勾選，取消勾選後可以輸入各個款式不同的「原價格、特價、實體店價格、[即將推出] 分店價格、會員價、會員分級價、成本價」
- 實體店價格僅支援擁有「網路開店 + 零售 POS」方案的店家
- [即將推出] 分店價格僅支援擁有「網路開店+零售 POS／社群購物+零售 POS／網路開店+社群購物+零售 POS」方案的店家，且店家需在商品設定頁開啟「為商品設定不同分店價格」開關。詳細請參考：[即將推出] 分店價格｜POS 後台。
- 無限數量：如果每個商品款式的庫存都是無限，可以直接勾選「無限數量」套用至全部款式
＊快速帶入主商品內容到「商品款式」功能
勾選特定款式後，可選擇「帶入主商品內容」下拉選單，選擇將原本已設定的主商品「原價格、特價、會員價、會員分級價、成本價、商品貨號、儲位編號、重量」以批次填入款式欄位的方式，匯入勾選的商品款式中。
步驟七：增加單一的款式
如果您有不是使用規格選項組合的單一款式，可以點按下方的「增加單一款式」按鈕，直接新增一個商品款式。（例如：顏色為灰色，但尺寸只有小）
步驟八：調整規格順序
規格選項在商店前台的呈現順序會依照後台選項的順序排列。
如果您想要調整規格在前台的顯示順序，可以將滑鼠移至選項名稱時會出現可拖曳的十字型游標，直接拖曳就可更動順序，下方的商品款式也會一起變動順序。
步驟九：完成設定
請記得點按頁面右下方「更新」按鈕儲存設定。
步驟十：檢視商店前台顯示
在前台商品列表：「商品價格」會有 3 種顯示方式。
1. 顯示「單一價格」
當每個款式的「價格」皆相同時會如下所示：
劃掉的價格：價格較高者(1000)；未被劃掉的價格：價格較低者(900)
| 款式 | 原價 | 特價 |
|
大 |
1000 | 900 |
| 中 | 1000 | 900 |
| 小 | 1000 | 900 |
2. 顯示「最高價劃掉 + 價格區間」
當「每個款式價格不同」且「價格組合中的最高價不等於結帳價中最高價」會如下所示：
- 價格組合中的最高價: 990
- 結帳價中最高價[890, 880, 870] → 890
| 款式 | 原價 | 特價 |
|
大 |
990 | 890 |
| 中 | 980 | 880 |
| 小 | 970 | 870 |
3. 顯示「價格區間」
當 「每 個款式價格不同」且「價格組合中的最高價等於結帳價中最高價」會如下所示：
| 款式 | 原價 | 特價 |
|
大 |
990 | 990 |
| 中 | 980 | 980 |
三、後台顯示錯誤訊息
建議您先行把商品規格的資料備份後，再重新設定所有的規格選項。
當規格或選項設定錯誤時，系統會在設定錯誤的欄位下方，以紅字標記錯誤的原因。
以下圖為例：修改重覆的規格名稱後，即可修正問題。
四、注意事項
※ 若您有開啟「網店設計 ＞ 編輯 HTML / CSS」的功能來透過編輯語法客製化商店前台，避免影響您的商店前台顯示，「價格區間」的功能將會預設關閉。
如果您想開啟「價格區間」的功能，請到後台「設定 ＞ 商品設定」頁面上方使用「搶先體驗：網店商品列表頁顯示價格區間」功能（如下圖），可以點選「預覽」來查看商店前台「價格區間」的顯示效果。
如果預覽不符期待，您可以到「網店設計 ＞ 編輯 HTML / CSS」修改語法，再測試預覽並開啟功能（如果開啟功能後，查看前台沒有顯示價格區間，請聯繫線上顧問來協助確認）。
延伸閱讀
更多關於商品規格及選項的設定可以參考：
評論