コンフィグ商品
設定可能な商品は、色やサイズなどのバリエーションのドロップダウンオプションを含む単一の商品として表示されます。 各バリエーションは、独自のSKUを持つ個別のシンプルな商品であり、カスタムオプションを備えたシンプルな商品とは異なり、個々の在庫を追跡することができます。
複数のオプション (色、サイズ、素材など)を持つ製品に最適 各バリエーションの在庫を追跡する必要があります。 初期設定には時間がかかりますが、スケーラビリティは向上します。
始める前に
前提条件チェックリスト
設定可能な製品を作成する前に、次のことを確認してください。
- 属性セット - バリエーション属性(色やサイズなど)を含む属性セット
- バリエーション属性が作成されました – 以下の設定で設定された属性
- 製品画像 - (オプションですが推奨)親製品と各バリエーションの画像
属性要件
製品バリエーションに使用する各属性には、次の設定が必要です。
GlobalDropdown、Visual SwatchまたはText SwatchYes属性の作成手順については、製品属性を参照してください。
フェーズ 1:プロダクト基盤の構築
手順1:商品タイプの選択
-
管理者 サイドバーで、Catalog > Productsに移動します。
-
右上隅のAdd Product(
{width="25"})メニューで、Configurable Productを選択します。
{width="700" modal="regular"}
手順2:属性セットの選択
属性セット は、製品フォームに表示されるフィールドと、バリエーションに使用できる属性を決定します。
-
ページの上部にある属性セットフィールドをクリックし、次のいずれかの操作を行います。
- Searchに、属性セットの名前を入力します。
- リストで、使用する属性セットを選択します。
フォームが更新され、選択した属性セットが反映されます。
-
属性セットに別の属性を追加する必要がある場合は、Add Attributeをクリックし、属性の追加の手順に従います。
{width="600" modal="regular"}
手順3:基本情報の入力
-
製品 Product Name を入力します。
-
製品名に基づいてデフォルトの SKU を受け入れるか、別の値を入力してください。
-
製品 Price を入力します。
note NOTE この価格は、子商品価格によって上書きされます。 お客様に表示される実際の価格は、In Stock個の子商品に基づいています。 -
製品はまだ公開する準備ができていないので、Enable Productを
Noに設定します。 -
Saveをクリックして続行します。
商品を保存すると、左上隅に「 ストアビュー」の選択画面が表示されます。
-
製品を利用できる Store View を選択します。
{width="600" modal="regular"}
手順4:基本設定の完了
-
Tax Classを次のいずれかに設定します:
NoneTaxable Goods
-
Quantityを空白のままにします。 数量は、製品のバリエーションによって決まります。
-
Stock Statusを設定のままにします。
設定可能な製品の在庫状況は、関連するバリエーションによって決まります。 商品は数量なしで保存されたため、Stock Statusは
Out of Stockに設定されています。note NOTE 設定可能な製品の 在庫状況 は、半手動で制御される設定であり、一部は子製品の在庫状況に基づいています。 これは、複数の基準の在庫状況の計算の一部です。 詳しくは、在庫状況の設定を参照してください。 -
製品 Weight を入力します。
note NOTE コンフィグ可能な商品には、常に重みが必要です。 ドロップダウンから「This item has no weight」を選択すると、製品を保存すると、自動的に「This item has weight」に変更されます。 -
Catalog, Searchの既定の Visibility 設定を受け入れます。 -
新製品のリストに商品を表示するには、Set Product as New チェックボックスを選択します。
-
製品にカテゴリを割り当てるには、Select… ボックスをクリックし、次のいずれかの操作を行います。
既存のカテゴリを選択:
-
ボックスに入力し始めて、一致する項目を見つけます。
-
割り当てる各カテゴリのチェックボックスをオンにします。
{width="600" modal="regular"}
新しいカテゴリを作成:
-
New Categoryをクリックします。
-
Category Nameを入力し、Parent Categoryを選択して、メニュー構造での位置を決定します。
-
Create Categoryをクリックします。
-
-
Country of Manufactureを選択します。
属性セットによっては、追加の属性が表示される場合があります。 後で完了できます。
手順5:保存して続行
これはあなたの仕事を節約するのに良い時期です。 右上隅の Save をクリックします。 次の段階では、各バリエーションの設定を行います。
フェーズ 2:製品バリエーションの追加
次の手順では、複数のバリエーションの設定を追加する方法を示します。 ページ上部のプログレスバーには、プロセスの現在の位置が表示されます。
例: 3色と3 サイズのシャツの場合、9つのシンプルな商品と独自のSKU (組み合わせごとに1つ)を作成します。 デフォルトでは、各バリエーションの製品名とSKUは、属性値と親の製品名またはSKUに基づいています。
ステップ 6:バリエーション属性の選択
-
Configurationsセクションまでスクロールして、Create Configurationsをクリックします。
{width="600" modal="regular"}
-
バリエーションとして含める各属性のチェックボックスを選択します。
この例では、
colorとsizeが選択されています。 {width="600" modal="regular"}
リストには、設定可能な製品で使用できる属性セットのすべての属性が含まれます。
-
属性を追加する必要がある場合は、Create New Attributeをクリックし、次の操作を行います。
-
属性のプロパティを設定します。
-
Save Attributeをクリックします。
-
属性のチェックボックスをオンにします。
-
-
右上隅の Next をクリックします。
手順7:属性値の選択
-
各属性について、製品に適用される値のチェックボックスを選択します。
{width="600" modal="regular"}
-
属性を並べ替えるには、並べ替え (
)アイコンをクリックし、セクションを新しい位置に移動します。
この順序によって、製品ページ上のドロップダウンリストの位置が決まります。
-
進行状況バーで、Nextをクリックします。
手順8:画像、価格、在庫の設定
このステップでは、各設定の画像、価格、数量を決定します。 使用可能なオプションはそれぞれで同じです。 すべてのSKUに同じ設定を適用したり、各SKUに一意の設定を適用したり、今は設定をスキップしたりできます。
画像の設定
適用される設定オプションを選択します。
オプション 1:すべてのSKUに1つの画像セットを適用
-
Apply single set of images to all SKUsを選択します。
-
製品ギャラリーに含める各画像を参照するか、画像をボックスにドラッグします。
オプション 2:各SKUに一意の画像を適用
親製品画像は既にアップロードされているので、このオプションを使用して各バリエーションの画像をアップロードします。 顧客が特定のバリエーションを購入したときに、ショッピングカートに表示されるさまざまな画像を追加できます。
-
Apply unique images by attribute to each SKUを選択します。
-
画像が示すAttribute (例:
color)を選択します。 -
属性値ごとに、その設定に使用する画像を参照するか、ボックスにドラッグします。
画像を値ボックスにドラッグすると、他の値のセクションにも表示されます。 画像を削除するには、ごみ箱 (
)アイコンをクリックします。
{width="600" modal="regular"}
価格の設定
適用される設定オプションを選択します。
オプション 1:すべてのSKUに同じ価格を適用
-
すべてのバリエーションの価格が同じ場合は、Apply single price to all SKUsを選択します。
-
Priceを入力します。
{width="600" modal="regular"}
オプション 2:SKUごとに異なる価格を適用
-
各製品または一部のバリエーションで価格が異なる場合は、Apply unique prices by attribute to each SKUを選択します。
-
価格差の基となる Attribute を選択します。
-
属性値ごとに Price を入力します。
この例では、XL サイズの方がコストがかかります。
{width="600" modal="regular"}
在庫の設定
適用される設定オプションを選択します。
オプション 1:すべてのSKUに同じ数量を適用
すべてのSKUで数量が同じ場合は、Apply single quantity to each SKUを選択して数量を指定します。
Single Source マーチャント :
Quantityを入力します。
Inventory management :_を使用している_Multi Source マーチャント
生成したすべての製品バリエーションに対してソースを割り当て、数量を追加します。
-
「Apply single quantity to each SKU」オプションを選択します。
-
ソースを追加するには、Assign Sourcesをクリックします。
-
追加するソースを参照または検索します。 製品のソースの横にあるチェックボックスを選択します。
-
ソースごとに手持在庫金額を入力します。
{width="600" modal="regular"}
オプション 2:属性ごとに異なる数量を適用
Single Source マーチャント :
属性値ごとに Quantity を入力します。
Inventory management :_を使用している_Multi Source マーチャント
生成したすべての製品バリエーションに対してソースを割り当て、数量を追加します。
-
Apply unique quantity by attribute to each SKUを選択します。
-
各バリエーションの Quantity を入力します。
{width="600" modal="regular"}
画像、価格、数量の設定が完了したら、右上隅の「Next」をクリックします。
手順9:製品設定の生成
製品のリストが表示されるまで少し待って、次のいずれかの操作を行います。
-
設定に問題がなければ、Generate Productsをクリックします。
-
修正するには、Backをクリックします。
現在の製品バリエーションは、設定 セクションの下部に表示されます。
ステップ 10:商品画像の追加
-
下にスクロールして、Images and Videosセクションの
を展開します。
-
カメラ タイルをクリックし、設定可能な製品に使用するメイン画像を参照します。
詳しくは、画像とビデオ を参照してください。
手順11:製品情報の完了
下にスクロールして、必要に応じて次のセクションの情報を入力します。
フェーズ 3:製品の公開
手順12:製品の公開
-
商品をカタログに公開する準備ができたら、Enable Productを
Yesに設定します。 -
次のいずれかの操作を行います。
方法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のままです(子製品で管理されません)
CatalogInventory モジュールの一部であり、現在は非推奨です。手動在庫状況の変更
(管理者ユーザーのアクション、ファイルの読み込み、またはAPI呼び出しを介して)在庫状況をOut of Stockに手動で設定した場合、手動でIn Stockに戻るまで、管理者とストアフロントの両方でOut of Stockのままになります。 子商品の在庫状況の影響を受けません。
システム設定(オプション)
カートのサムネールにバリエーション画像を表示する
バリエーションごとに異なる画像がある場合は、ショッピングカートのサムネールに適した画像を表示するようにシステムを設定できます。
-
管理者 サイドバーで、Stores > Settings>Configurationに移動します。
-
左側のパネルで、Salesを展開し、Checkoutを選択します。
-
Shopping Cartセクションの
を展開します。
-
Configurable Product Imageを
Product Thumbnail Itselfに設定します。 -
Save Configをクリックします。
{width="600" modal="regular"}
重要な考慮事項
-
バリエーションの種類:買い物客は、ドロップダウン、複数選択、視覚的スウォッチ、テキストスウォッチの入力タイプからオプションを選択できます。 各オプションは個別のシンプルな製品です。
-
在庫追跡: カスタムオプションを備えたシンプルな商品とは異なり、設定可能な商品では、各バリエーションの在庫を個別に追跡できます。
-
子製品タイプ:子製品は、カスタムオプション を使用せずに、シンプルまたはバーチャル製品にすることができます。 子製品を仮想にするには、各子の Weight 設定で
Тhis item has no weightを選択します。 -
グローバル割り当て:すべてのweb サイト、ストア、ストアビューを同時に表示すると、設定可能な製品 グローバル から子製品が割り当てられ、割り当て解除されます。
-
価格:設定可能な製品には、カタログ内に独自の価格がありません。 表示された価格はIn Stock個の子商品に基づいています。
-
属性: バリエーション属性にはグローバルスコープが必要であり、値を選択するには顧客が必要です。 属性は、設定可能な製品に使用される属性セットに含める必要があります。
-
買い物かごのサムネール:買い物かごのサムネールには、設定可能な製品レコードまたは製品バリエーションの画像を表示できます。 上記の システム構成を参照してください。
-
スウォッチの動作: スウォッチ属性は、属性編集ページで Update Product Preview Image から
Noに設定することで、スウォッチが選択されたときに、対応する単純な製品画像を表示しないように設定できます。 -
画像ギャラリーの動作: テーマは、ユーザーが製品設定を切り替える際の画像ギャラリーの動作を制御します。 Blank テーマのデフォルトの動作は、選択したバリエーションで親の設定可能な製品画像を上書きします。 Luma テーマの場合、デフォルトの動作は、選択したバリエーション画像を親の設定可能な製品画像に追加することです。