コンフィグ商品

設定可能な商品は、色やサイズなどのバリエーションのドロップダウンオプションを含む単一の商品として表示されます。 各バリエーションは、独自のSKUを持つ個別のシンプルな商品であり、カスタムオプションを備えたシンプルな商品とは異なり、個々の在庫を追跡することができます。

複数のオプション (色、サイズ、素材など)を持つ​製品に最適 各バリエーションの在庫を追跡する必要があります。 初期設定には時間がかかりますが、スケーラビリティは向上します。

設定可能な製品 {width="700" modal="regular"}

始める前に

前提条件チェックリスト

設定可能な製品を作成する前に、次のことを確認してください。

  1. 属性セット - バリエーション属性(色やサイズなど)を含む属性セット
  2. バリエーション属性が作成されました – 以下の設定で設定された属性
  3. 製品画像 - (オプションですが推奨)親製品と各バリエーションの画像

属性要件

製品バリエーションに使用する各属性には、次の設定が必要です。

プロパティ
必須の設定
Scope
Global
Catalog Input Type for Store Owner
DropdownVisual SwatchまたはText Swatch
Values Required
Yes

属性の作成手順については、製品属性を参照してください。

フェーズ 1:プロダクト基盤の構築

手順1:商品タイプの選択

  1. 管理者 サイドバーで、Catalog > Products​に移動します。

  2. 右上隅の​Add Product ​ メニュー矢印 {width="25"})メニューで、Configurable Product​を選択します。

    設定可能な製品を追加 {width="700" modal="regular"}

手順2:属性セットの選択

属性セット ​は、製品フォームに表示されるフィールドと、バリエーションに使用できる属性を決定します。

  1. ページの上部にある属性セットフィールドをクリックし、次のいずれかの操作を行います。

    • Search​に、属性セットの名前を入力します。
    • リストで、使用する属性セットを選択します。

    フォームが更新され、選択した属性セットが反映されます。

  2. 属性セットに別の属性を追加する必要がある場合は、Add Attribute​をクリックし、属性の追加の手順に従います。

    ​ テンプレートを選択 {width="600" modal="regular"}

手順3:基本情報の入力

  1. 製品​ Product Name ​を入力します。

  2. 製品名に基づいてデフォルトの​ SKU ​を受け入れるか、別の値を入力してください。

  3. 製品​ Price ​を入力します。

    note
    NOTE
    この価格は、子商品価格によって上書きされます。 お客様に表示される実際の価格は、In Stock個の子商品に基づいています。
  4. 製品はまだ公開する準備ができていないので、Enable Product​をNoに設定します。

  5. Save​をクリックして続行します。

    商品を保存すると、左上隅に「​ ストアビュー」の選択画面が表示されます。

  6. 製品を利用できる​ Store View ​を選択します。

    ​ ストアビューを選択 {width="600" modal="regular"}

手順4:基本設定の完了

  1. Tax Class​を次のいずれかに設定します:

    • None
    • Taxable Goods
  2. Quantity​を空白のままにします。 数量は、製品のバリエーションによって決まります。

  3. Stock Status​を設定のままにします。

    設定可能な製品の在庫状況は、関連するバリエーションによって決まります。 商品は数量なしで保存されたため、Stock Status​はOut of Stockに設定されています。

    note
    NOTE
    設定可能な製品の​ 在庫状況 ​は、半手動​で制御される設定であり、一部は子製品の在庫状況に基づいています。 これは、複数の基準​の在庫状況の計算の一部です。 詳しくは、在庫状況の設定を参照してください。
  4. 製品​ Weight ​を入力します。

    note
    NOTE
    コンフィグ可能な商品には、常に重みが必要です。 ドロップダウンから「This item has no weight」を選択すると、製品を保存すると、自動的に「This item has weight」に変更されます。
  5. Catalog, Searchの既定の​ Visibility ​設定を受け入れます。

  6. 新製品のリストに商品を表示するには、Set Product as New チェックボックスを選択します。

  7. 製品にカテゴリを割り当てるには、Select… ボックスをクリックし、次のいずれかの操作を行います。

    既存のカテゴリを選択:

    • ボックスに入力し始めて、一致する項目を見つけます。

    • 割り当てる各カテゴリのチェックボックスをオンにします。

    ​ バンドル製品の1つ以上のカテゴリを選択 {width="600" modal="regular"}

    新しいカテゴリを作成:

    • New Category​をクリックします。

    • Category Name​を入力し、Parent Category​を選択して、メニュー構造での位置を決定します。

    • Create Category​をクリックします。

  8. Country of Manufacture​を選択します。

    属性セットによっては、追加の属性が表示される場合があります。 後で完了できます。

手順5:保存して続行

これはあなたの仕事を節約するのに良い時期です。 右上隅の​ Save ​をクリックします。 次の段階では、各バリエーションの設定を行います。

フェーズ 2:製品バリエーションの追加

次の手順では、複数のバリエーションの設定を追加する方法を示します。 ページ上部のプログレスバーには、プロセスの現在の位置が表示されます。

例: 3色と3 サイズのシャツの場合、9つのシンプルな商品と独自のSKU (組み合わせごとに1つ)を作成します。 デフォルトでは、各バリエーションの製品名とSKUは、属性値と親の製品名またはSKUに基づいています。

ステップ 6:バリエーション属性の選択

  1. Configurations​セクションまでスクロールして、Create Configurations​をクリックします。

    設定 {width="600" modal="regular"}

  2. バリエーションとして含める各属性のチェックボックスを選択します。

    この例では、colorsizeが選択されています。

    属性の選択 {width="600" modal="regular"}

    リストには、設定可能な製品で使用できる属性セットのすべての属性が含まれます。

  3. 属性を追加する必要がある場合は、Create New Attribute​をクリックし、次の操作を行います。

    • 属性のプロパティを設定します。

    • Save Attribute​をクリックします。

    • 属性のチェックボックスをオンにします。

  4. 右上隅の​ Next ​をクリックします。

手順7:属性値の選択

  1. 各属性について、製品に適用される値のチェックボックスを選択します。

    属性値 {width="600" modal="regular"}

  2. 属性を並べ替えるには、並べ替え 並べ替えアイコン ​ )アイコンをクリックし、セクションを新しい位置に移動します。

    この順序によって、製品ページ上のドロップダウンリストの位置が決まります。

  3. 進行状況バーで、Next​をクリックします。

手順8:画像、価格、在庫の設定

このステップでは、各設定の画像、価格、数量を決定します。 使用可能なオプションはそれぞれで同じです。 すべてのSKUに同じ設定を適用したり、各SKUに一意の設定を適用したり、今は設定をスキップしたりできます。

画像の設定

適用される設定オプションを選択します。

オプション 1:すべてのSKUに1つの画像セットを適用

  1. Apply single set of images to all SKUs​を選択します。

  2. 製品ギャラリーに含める各画像を参照するか、画像をボックスにドラッグします。

すべてのSKUに同じ画像を使用 {width="600" modal="regular"}

オプション 2:各SKUに一意の画像を適用

親製品画像は既にアップロードされているので、このオプションを使用して各バリエーションの画像をアップロードします。 顧客が特定のバリエーションを購入したときに、ショッピングカートに表示されるさまざまな画像を追加できます。

  1. Apply unique images by attribute to each SKU​を選択します。

  2. 画像が示す​Attribute (例:color)を選択します。

  3. 属性値ごとに、その設定に使用する画像を参照するか、ボックスにドラッグします。

    画像を値ボックスにドラッグすると、他の値のセクションにも表示されます。 画像を削除するには、ごみ箱 ごみ箱アイコン ​ )アイコンをクリックします。

    SKUごとの一意の画像 {width="600" modal="regular"}

価格の設定

NOTE
設定可能な製品には、カタログ内に独自の価格はありません。 設定可能な製品価格は、In Stock個の子製品から得られます。

適用される設定オプションを選択します。

オプション 1:すべてのSKUに同じ価格を適用

  1. すべてのバリエーションの価格が同じ場合は、Apply single price to all SKUs​を選択します。

  2. Price​を入力します。

    SKUあたりの同じ価格 {width="600" modal="regular"}

オプション 2:SKUごとに異なる価格を適用

  1. 各製品または一部のバリエーションで価格が異なる場合は、Apply unique prices by attribute to each SKU​を選択します。

  2. 価格差の基となる​ Attribute ​を選択します。

  3. 属性値ごとに​ Price ​を入力します。

    この例では、XL サイズの方がコストがかかります。

    SKUあたりの一意の価格 {width="600" modal="regular"}

在庫の設定

適用される設定オプションを選択します。

オプション 1:すべてのSKUに同じ数量を適用

すべてのSKUで数量が同じ場合は、Apply single quantity to each SKU​を選択して数量を指定します。

Single Source マーチャント :

Quantity​を入力します。

Inventory management ​:_を使用している_Multi Source マーチャント

生成したすべての製品バリエーションに対してソースを割り当て、数量を追加します。

  1. Apply single quantity to each SKU」オプションを選択します。

  2. ソースを追加するには、Assign Sources​をクリックします。

  3. 追加するソースを参照または検索します。 製品のソースの横にあるチェックボックスを選択します。

  4. ソースごとに手持在庫金額を入力します。

    すべてのSKUに対する単一の数量、ソースの割り当て {width="600" modal="regular"}

オプション 2:属性ごとに異なる数量を適用

Single Source マーチャント :

属性値ごとに​ Quantity ​を入力します。

Inventory management ​:_を使用している_Multi Source マーチャント

生成したすべての製品バリエーションに対してソースを割り当て、数量を追加します。

  1. Apply unique quantity by attribute to each SKU​を選択します。

  2. 各バリエーションの​ Quantity ​を入力します。

    属性ごとに異なる数量 {width="600" modal="regular"}

画像、価格、数量の設定が完了したら、右上隅の「Next」をクリックします。

手順9:製品設定の生成

製品のリストが表示されるまで少し待って、次のいずれかの操作を行います。

  • 設定に問題がなければ、Generate Products​をクリックします。

  • 修正するには、Back​をクリックします。

製品バリエーションを生成する前に概要を確認 {width="600" modal="regular"}

現在の製品バリエーションは、設定 セクションの下部に表示されます。

現在の設定 {width="600" modal="regular"}

ステップ 10:商品画像の追加

  1. 下にスクロールして、Images and Videos​セクションの 拡張セレクター を展開します。

  2. カメラ タイルをクリックし、設定可能な製品に使用するメイン画像を参照します。

詳しくは、画像とビデオ ​を参照してください。

手順11:製品情報の完了

下にスクロールして、必要に応じて次のセクションの情報を入力します。

フェーズ 3:製品の公開

手順12:製品の公開

  1. 商品をカタログに公開する準備ができたら、Enable Product​をYesに設定します。

  2. 次のいずれかの操作を行います。

    方法1:保存してプレビュー

    • 右上隅の「Save」をクリックします。

    • ストア内の商品を表示するには、管理者 ​ メニュー矢印 )メニューで​ Customer View ​を選択します。

    ストアが新しいブラウザータブで開きます。

    顧客ビュー {width="600" modal="regular"}

    方法2:保存して閉じる

    Save ​ メニュー矢印 {width="25"})メニューで、Save & Close​を選択します。

在庫状況の設定

設定可能な商品の在庫状況は、単純な商品の在庫状況とは異なります。 設定可能な商品の場合、在庫状況は​ 複数基準 ​の計算の一部です。

在庫状況の仕組み

在庫状況の行動の主な原則:

ステータスをに設定
結果
子ども製品の管理?
Out of Stock (手動)
管理者とストアフロントに常にOut of Stockが表示される
いいえ – 手動でIn Stockに変更するまで残ります
In Stock (手動)
ステータスは、子製品に基づいて動的です
部分 – 以下の詳細を参照してください

「In Stock」に設定した場合

設定可能な製品在庫ステータスを手動でIn Stockに設定すると、在庫設定に応じて異なる動作が行われます。

既定のソース/在庫のみ:

  • 管理者とストアフロント: Stock ステータスは、子製品の空き状況を自動的に反映します

少なくとも1つのカスタムソース/在庫を持つ:

  • Storefront: Stock ステータスは、子製品の空き状況を自動的に反映します
  • 管理者:​は、手動で変更されるまでIn Stockのままです(子製品で管理されません)
NOTE
カスタム在庫とソースは、Inventory management拡張機能の一部です。 このツールは、在庫とソースの管理にのみ使用することを強くお勧めします。 デフォルトのソース関数とストック関数は、CatalogInventory モジュールの一部であり、現在は非推奨です。

手動在庫状況の変更

(管理者ユーザーのアクション、ファイルの読み込み、またはAPI呼び出しを介して)在庫状況をOut of Stockに手動で設定した場合、手動でIn Stockに戻るまで、管理者とストアフロントの両方でOut of Stockのままになります。 子商品の在庫状況の影響を受けません。

システム設定(オプション)

カートのサムネールにバリエーション画像を表示する

バリエーションごとに異なる画像がある場合は、ショッピングカートのサムネールに適した画像を表示するようにシステムを設定できます。

  1. 管理者 サイドバーで、Stores > Settings>Configuration​に移動します。

  2. 左側のパネルで、Sales​を展開し、Checkout​を選択します。

  3. Shopping Cart​セクションの 拡張セレクター を展開します。

  4. Configurable Product Image​をProduct Thumbnail Itselfに設定します。

  5. Save Config​をクリックします。

    買い物かご – 設定可能な製品画像 {width="600" modal="regular"}

重要な考慮事項

  • バリエーションの種類:​買い物客は、ドロップダウン、複数選択、視覚的スウォッチ、テキストスウォッチの入力タイプからオプションを選択できます。 各オプションは個別のシンプルな製品です。

  • 在庫追跡: カスタムオプションを備えたシンプルな商品とは異なり、設定可能な商品では、各バリエーションの在庫を個別に追跡できます。

  • 子製品タイプ:​子製品は、カスタムオプション を使用せずに、シンプルまたはバーチャル製品​にすることができます。 子製品を仮想にするには、各子の​ Weight ​設定でТhis item has no weightを選択します。

  • グローバル割り当て:​すべてのweb サイト、ストア、ストアビューを同時に表示すると、設定可能な製品​ グローバル ​から子製品が割り当てられ、割り当て解除されます。

  • 価格:​設定可能な製品には、カタログ内に独自の価格がありません。 表示された価格はIn Stock個の子商品に基づいています。

  • 属性: バリエーション属性にはグローバルスコープが必要であり、値を選択するには顧客が必要です。 属性は、設定可能な製品に使用される属性セットに含める必要があります。

  • 買い物かごのサムネール:​買い物かごのサムネールには、設定可能な製品レコードまたは製品バリエーションの画像を表示できます。 上記の​ システム構成を参照してください。

  • スウォッチの動作: ​ スウォッチ属性は、属性編集ページで​ Update Product Preview Image ​からNoに設定することで、スウォッチが選択されたときに、対応する単純な製品画像を表示しないように設定できます。

  • 画像ギャラリーの動作: テーマは、ユーザーが製品設定を切り替える際の画像ギャラリーの動作を制御します。 Blank テーマのデフォルトの動作は、選択したバリエーションで親の設定可能な製品画像を上書きします。 Luma テーマの場合、デフォルトの動作は、選択したバリエーション画像を親の設定可能な製品画像に追加することです。

recommendation-more-help
commerce-admin-help-catalog