設定可能な製品

設定可能な製品は、バリエーション(色やサイズなど)のドロップダウンオプションを持つ単一の製品として表示されます。 各バリエーションは、独自の 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
    NOTE
    この価格は、子供製品の価格によって上書きされます。 顧客に表示される実際の価格は、In Stock の子製品から取得されます。
  4. 製品はまだ公開する準備ができていないので、Enable ProductNo に設定します。

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

    商品を保存すると、左上隅に ​ ストア表示 ​ 選択が表示されます。

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

    ​ ストア表示の選択 ​ {width="600" modal="regular"}

手順 4:基本設定の完了

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

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

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

    設定可能な商品の在庫ステータスは、関連するバリエーションによって決定されます。 商品は数量なしで保存されたため、Stock StatusOut of Stock に設定されます。

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

    note note
    NOTE
    設定可能な製品には、常に重み付けが必要です。 ドロップダウンから「This item has no weight」を選択した場合は、製品を保存すると自動的に「This item has weight」に変わります。
  5. Visibility のデフォルトの Catalog, Search 設定を受け入れます。

  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 サイズのシャツの場合、一意の SKU を持つシンプルな製品を 9 つ作成します(組み合わせごとに 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. 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. 画像で示されている Attributecolor など)を選択します。

  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」を選択して数量を指定します。

シングル Source マーチャント(S) :

Quantity を入力します。

Inventory managementを使用するマルチ Source マーチャント(_M) ​:_

生成されたすべての製品バリアントのソースを割り当てて数量を追加します。

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

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

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

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

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

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

シングル Source マーチャント(S) :

各属性値の Quantity を入力します。

Inventory managementを使用するマルチ Source マーチャント(_M) ​:_

生成されたすべての製品バリアントのソースを割り当てて数量を追加します。

  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 ProductYes に設定します。

  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 に設定した場合、動作は在庫設定によって異なります。

デフォルトのソース/在庫のみ:

  • 管理者およびストアフロント: 在庫ステータスは、子製品の在庫状況を自動的に反映します

1 つ以上のカスタムソース/在庫を使用:

  • ストアフロント: 在庫ステータスは、子製品の在庫状況を自動的に反映します
  • 管理者: 手動で変更するまで、In Stock として残ります(子製品で制御されません)
NOTE
カスタムの在庫およびソースは、Inventory management 拡張機能の一部です。 このツールは、在庫とソースの管理にのみ使用することを強くお勧めします。 デフォルトの source 関数と stock 関数は、CatalogInventory モジュールの一部です。このモジュールは非推奨(廃止予定)になりました。

手動在庫ステータスの変更

(管理者ユーザーのアクション、ファイルの読み込み、API 呼び出しを使用して)在庫ステータスを手動で Out of Stock に設定した場合、手動で Out of Stock に変更し直すまで、管理 In Stock ストアフロントの両方に残ります。 子製品の在庫状況の影響を受けません。

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

バリエーション画像を買い物かごのサムネールで表示

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

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

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

  3. 展開セレクター 」を展開し、「Shopping Cart」セクションを展開します。

  4. Configurable Product ImageProduct Thumbnail Itself に設定します。

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

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

主な考慮事項

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

  • 在庫トラッキング: カスタムオプションを備えた単純な製品とは異なり、設定可能な製品は、各バリエーションの在庫を個別に追跡します。

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

  • グローバルな割り当て: 子製品は、すべての web サイト、ストア、ストアビューで、設定可能な製品から グローバル 同時に割り当ておよび割り当て解除されます。

  • 価格: 設定可能な製品には、カタログに独自の価格はありません。 表示価格は、In Stock の子製品から来ています。

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

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

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

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

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071