はじめに
ここでは、WooCommerceで商品のバリエーションを設定する方法について詳しく説明します。商品バリエーションは、サイズや色などのオプションを持つ製品を効果的に管理し、販売するために必要不可欠な機能です。
症状・背景
このテーマが必要になる主な場面:
- サイズが異なる製品（Tシャツなど）の販売
- 色や素材が選べる商品（カスタムオーダーアイテムなど）の販売
- 価格に影響を与えるさまざまなオプションを持つ商品の管理
- カタログで複数のバリエーションを一覧表示する必要がある場合
手順・設定方法
ステップ1: 商品を作成する
# 新規商品ページを開きます。
/wp-admin/post-new.php?post_type=product
# 商品名を入力します。
Product name: ブラックTシャツ
# カテゴリーを選択します。
Category: トップス, Tシャツ
# 税区分と在庫数を設定します。
Tax status: 有税
Inventory: Stock quantity = 10, Manage stock = Yes
# 商品の説明や特徴を追加します。
Description: 高品質なブラックTシャツです。快適な着心地が魅力的です。ステップ2: バリエーションオプションを設定する
# 「商品バリエーション」タブを開きます。
/product-variations.php?post=12345
# サイズと色のバリエーションを追加します。
Size: S, M, L
Color: 黒, 白
# 各オプションの価格や在庫数を設定します。
S - 黒: Regular price = ￥1000, Stock quantity = 5
M - 黒: Regular price = ￥1200, Stock quantity = 3
L - 黒: Regular price = ￥1400, Stock quantity = 2
# 同様に、他のバリエーションの情報を追加します。ステップ3: バリエーションを保存する
# 「変更を保存」ボタンをクリックして設定を確定します。
/save-product-variation.php?post=12345
# 一覧ページで、新しく追加されたバリエーションを確認します。
/product-variations.php?post=12345ステップ4: バリエーションの表示と販売を確認する
# WordPressのフロントエンドに移動し、商品ページを開きます。
http://yourdomain.com/shop/black-t-shirt/
# 各バリエーションが表示され、選択肢から購入できる状態であることを確認します。注意事項
- オプションが複雑になる場合は、データベースのパフォーマンスに影響を与える可能性があります。適切なインデックスと最適化を検討してください。
- 在庫数を正確に管理し、過剰販売を防ぐためには、WooCommerceの在庫機能を有効にしてください。
- カスタムフィールドを使用して、商品情報やバリエーションに詳細な情報を追加することも可能です。
まとめ
1. 商品ページの作成: 新しい商品を作成し、基本情報を設定します。
2. バリエーションオプションの追加: 設定した商品にサイズや色などのバリエーションを追加します。
3. バリエーション情報の保存: 追加されたすべてのバリエーション情報をデータベースに保存します。
4. バリエーション表示と販売確認: フロントエンドで設定されたバリエーションが正しく表示され、購入できる状態であることを確認します。
関連記事: