メインコンテンツにスキップ
バージョン: 1.x

可変商品

WooCommerce の可変商品とは、サイズ、カラー、素材など複数の選択肢がある商品です。WCPOS では、可変商品を効率よく扱うための方法をいくつか用意しています。

可変商品の見分け方​

製品パネルでは、可変商品は次の点で区別できます。

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

可変商品をカートに追加する​

方法 1：クイックポップオーバー​

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

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

選択肢が一つのバリエーションに絞られると、ポップオーバーにはカート追加ボタンの横に在庫状況が表示されます。在庫を管理している場合は 「在庫 8」、入荷待ちでも販売可能な場合は 「入荷待ち」、在庫切れの場合は 「在庫切れ」（ボタンは無効）と表示されます。独自の在庫を管理していないバリエーションには数量が表示されません。

表示設定で 在庫切れの商品を表示 がオフの場合、すべてのバリエーションが在庫切れの選択肢はグレー表示になり、選択できません。

必要なバリエーションが決まっている場合、この方法が最も速く操作できます。

方法 2：インライン展開​

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

  1. 商品名の下にある 展開 をクリックします
  2. 親商品行の下に、各バリエーションが個別の行として表示されます
  3. 任意のバリエーションにある ボタンをクリックすると、カートに追加されます
  4. 折りたたむ をクリックすると、バリエーションが再び非表示になります

表示設定で 在庫切れの商品を表示 がオフの場合、在庫切れのバリエーションはこれらの行から除外されます（販売可能な入荷待ちのバリエーションは表示されます）。

利用可能なすべての選択肢、それぞれの在庫数や価格を確認したい場合に便利な方法です。

方法 3：バーコードスキャン​

各商品バリエーションには、それぞれ固有のバーコードを設定できます。バリエーションのバーコードをスキャンすると、次のようになります。

  • 一致するバリエーションが一つだけの場合、そのバリエーションが直接カートに追加されます
  • 同じバーコードを持つバリエーションが複数ある場合、検索バーに一致する結果が表示されます
  • 一致したバリエーションが在庫切れで、表示設定の 在庫切れの商品を表示 がオフの場合、スキャンは拒否され、カートには追加されずに 「在庫切れ」 メッセージが表示されます

バリエーションの検索もサーバーに対して行われます。スキャンしたバリエーションがまだ端末にない場合、WCPOS はオンラインで検索してダウンロードします。これはシンプルな商品と同じオンラインフォールバックです。

詳細については、バーコードスキャンを参照してください。

バリエーション情報​

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

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

カート内のバリエーション​

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

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

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

効率的なバリエーション選択のためのヒント​

バーコードスキャンを利用する​

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

表示オプションを設定する​

製品パネルの 表示設定 で、属性 オプションを有効にすると、バリエーション属性が展開せずに商品リストに直接表示されます。

キーボードナビゲーション​

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

よくある質問​

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

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

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

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

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

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