# 可変商品

WooCommerceの可変商品とは、異なるサイズ、カラー、または材料など、複数のオプションを持つ商品です。WCPOSは、可変商品を効率的に扱うためのいくつかの方法を提供しています。

## 可変商品の特定[​](#identifying-variable-products "可変商品の特定への直接リンク")

製品パネルでは、可変商品は以下の特徴で区別されます：

* **矢印ボタン** () は、シンプル商品で使用されるプラスボタン () の代わりです
* **属性オプション** 商品名の下に表示されます（例: "カラー: 青、緑、赤"）
* **「展開」リンク** ですべてのバリエーションをインラインで表示

<!-- -->

## カートへの可変商品の追加[​](#adding-variable-products-to-cart "カートへの可変商品の追加への直接リンク")

### 方法 1: クイックポップオーバー[​](#method-1-quick-popover "方法 1: クイックポップオーバーへの直接リンク")

可変商品の緑の  矢印ボタンをクリックすると、各属性のドロップダウンメニューを備えたポップオーバーが開きます：

1. ボタンをクリック
2. 各ドロップダウンからオプションを選択（例: サイズ: 大、カラー: 青）
3. 一致するバリエーションがカートに追加されます

これは、必要なバリエーションを正確に知っている場合の最速の方法です。

<!-- -->

### 方法 2: インライン展開[​](#method-2-expand-inline "方法 2: インライン展開への直接リンク")

可変商品の **「展開」** リンクをクリックすると、商品リスト内で直接すべてのバリエーションが表示されます：

1. 商品名の下にある **展開** をクリック
2. すべてのバリエーションが親商品の下に別の行として表示されます
3. どのバリエーションでも  ボタンをクリックしてカートに追加
4. **折りたたむ** をクリックして再びバリエーションを隠します

この方法は、すべての利用可能なオプション、その個別の在庫レベル、および価格を確認したい場合に便利です。

<!-- -->

### 方法 3: バーコードスキャン[​](#method-3-barcode-scanning "方法 3: バーコードスキャンへの直接リンク")

各商品バリエーションには独自のバーコードがある場合があります。バリエーションのバーコードをスキャンすると：

* 正確に1つのバリエーションと一致する場合、それが直接カートに追加されます
* 複数のバリエーションがバーコードを共有している場合、検索バーには一致する結果が表示されます

詳細については、[バーコードスキャン](/ja/pos/product-panel/barcode-scanning.md)を参照してください。

## バリエーション情報[​](#variation-information "バリエーション情報への直接リンク")

各バリエーションは以下を表示できます：

* **バリエーション属性** - このバリエーションの特定のオプション（例: "サイズ: 大、カラー: 青"）
* **SKU** - バリエーションのユニーク識別子（親商品とは異なる場合があります）
* **在庫量** - バリエーションの個別の在庫レベル
* **価格** - バリエーションは親商品や互いに異なる価格を持つことがあります

## カート内のバリエーション[​](#variations-in-the-cart "カート内のバリエーションへの直接リンク")

バリエーションがカートに追加されると、以下が表示されます：

* **親商品の名称**
* **名称の下にバリエーション属性**
* **その特定のバリエーションの価格**

カート内の他の商品と同様に、行項目を編集できます。

## 効率的なバリエーション選択のためのヒント[​](#tips-for-efficient-variation-selection "効率的なバリエーション選択のためのヒントへの直接リンク")

### バーコードスキャンを利用する[​](#use-barcode-scanning "バーコードスキャンを利用するへの直接リンク")

バリエーションごとに個別のバーコードがある場合（推奨）、スキャンがカートに追加する最速の方法です。

### 表示オプションを設定する[​](#configure-display-options "表示オプションを設定するへの直接リンク")

製品パネルの [表示設定](/ja/pos/product-panel/.md#display-settings) で、**属性** オプションを有効にすると、バリエーション属性が展開せずに商品リストに直接表示されます。

### キーボードナビゲーション[​](#keyboard-navigation "キーボードナビゲーションへの直接リンク")

バリエーションポップオーバーが開いているときは、キーボードの矢印キーを使ってオプションをナビゲートし、Enterで選択できます。

## よくある質問[​](#faq "よくある質問への直接リンク")

特定のバリエーションが見えないのはなぜですか？

バリエーションが以下の状態であることを確認してください：

* 公開されており、ドラフト状態ではない
* "在庫あり"に設定されているか、在庫量 > 0（在庫管理が有効な場合）
* すべての必須属性が定義されている

また、バリエーションが在庫切れの場合は、「在庫あり」フィルターで商品がフィルタリングされていないかも確認してください。

個別のバリエーションにバーコードを追加するにはどうすればよいですか？

WooCommerceで可変商品を編集し、各バリエーションを展開します。各バリエーションのバーコードフィールドにユニークなバーコードを追加できます（通常は `_sku` または `_global_unique_id` で設定に応じて）。