カテゴリを作成
カタログのカテゴリ構造は、ルートが上部にある上下逆さまのツリーのようなものです。 ツリーの各セクションを展開したり折りたたんだりできます。 無効なカテゴリまたは非表示のカテゴリはグレー表示されます。 最初のレベル(rootの下)のカテゴリは、通常、 メインメニューにオプションとして表示されます。 設定で設定されているメニューの最大深度に応じて、必要な数の追加サブカテゴリを作成できます。 カテゴリは、ツリー内の他の場所にドラッグ&ドロップできます。 カテゴリ ID番号は、ページの上部にあるカテゴリ名の後ろに括弧で囲まれて表示されます。
複数の ストア を持つweb サイトの場合、各ストアに対して異なるルートカテゴリを作成し、 トップナビゲーション に使用されるカテゴリのセットを定義できます。
ベストプラクティス
カテゴリを計画および作成する場合は、次のベストプラクティスを使用します。
カテゴリ構造
メインメニューのカテゴリの構造は、顧客体験とパフォーマンスに影響を与える可能性があります。 ベストプラクティスとして、大まかなトップレベルのカテゴリを1つ特定し、同じ名前の他のカテゴリを使用しないようにする必要があります。 例えば、Clothing/Kids、Shoes/Kids、Accessories/Kidsなど、「子供」の複数のカテゴリを異なる部門で整理する代わりに、 最上位の親カテゴリ Kidsを作成し、次の必要に応じてサブカテゴリを作成すると、より効率的になります。 カテゴリ構造に一貫性を持たせ、カタログ内のすべての製品タイプに同じアプローチを使用します。
ビジネスルールと自動化
ビジネスロジックを使用してカタログページに類似のアイテムを表示する場合、またはパーソナライズされたプロモーション、自動プロセス、検索条件を設定する場合は、カテゴリ構造と使用可能な属性値を考慮します。 例えば、親カテゴリとして「polo」を指定すると、性別と年齢に関係のない商品が混在した結果が得られます。 ただし、ポロシャツの特定のサブカテゴリーと一致する場合、検索結果は絞り込まれ、特定の顧客にアピールする可能性が高まります。 特定の顧客をターゲットとする他の属性値と組み合わせることで、より具体的な結果を得ることができます。 特定のカテゴリーパスを参照する際に、フィルタリングして取得する必要がある製品の数を考慮します。 結果の違いは劇的なものになる可能性があります。 次のカテゴリパスから返される様々な結果を考えてみましょう。
[Category: All Products/Shirts/Father's Day/Polos/Sale][Category Path: Men/Shirts/Polos][Child Category: Polos]
次のようなカテゴリ分けの関係を明確に定義することが重要です。
- 親カテゴリ
- サブカテゴリ
- カテゴリーパス
関連するキーワードと属性も定義します。
- 可用性
- 販売価格
- ブランド
- サイズ
- カラー
手順1:カテゴリの作成
-
管理者 サイドバーで、Catalog > Categoriesに移動します。
-
Store Viewを設定して、新しいカテゴリをどこで利用できるかを決定します。
-
カテゴリーツリーで、新しいカテゴリの親カテゴリを選択します。
親は、新しいカテゴリの1 レベル上にあります。
データを含まない最初から開始する場合、リストにルートである デフォルト カテゴリ と サンプル カテゴリ の2つのカテゴリしか含まれていない可能性があります
-
Add Subcategoryをクリックします。
手順2:基本情報を完了する
-
カテゴリをストアですぐに利用できるようにするには、Enable Categoryを
Yesに設定します。 -
トップナビゲーション にカテゴリを含めるには、Include in Menuを
Yesに設定します。 -
Category Nameを入力します。
{width="500" modal="regular"}
-
Saveをクリックして続行します。
手順3:カテゴリのコンテンツを完了する
-
Content セクションの
を展開します。
{width="600" modal="regular"}
-
ページの上部に Category Image を表示するには、独自の画像をアップロードするか、 メディアストレージ に存在する画像を使用します。
-
独自の画像をアップロードするには、Uploadをクリックし、カテゴリを表す画像を選択します。
-
メディアストレージの画像を使用するには、Select from Galleryをクリックし、カテゴリを表す画像を選択します。
Media Gallery内で、Adobe Stock Integrationを使用して、Search Adobe Stockをクリックして適切な画像を検索することもできます。
note NOTE AEM Assetsを有効にしている場合は、 カテゴリの管理を参照してください。 -
-
Descriptionの場合、カテゴリのランディングページに表示するテキストまたはその他のコンテンツを入力します。
詳しくは、 カテゴリーコンテンツ を参照してください。
-
カテゴリのランディングページにコンテンツブロックを含めるには、表示する CMS Block を選択します。
-
Saveをクリックして続行します。
手順4:表示設定の完了
-
Display Setting セクションの
を展開します。
{width="600" modal="regular"}
これらのオプションについて詳しくは、これらのオプションについて詳しくは、表示設定を参照してください。
-
Display Modeを次のいずれかに設定します:
Products OnlyStatic Block OnlyStatic Block and Products
-
カテゴリーページに_
Filter by Attribute_セクションを含める場合は、AnchorをYesに設定します。 -
Available Product Listing Sort By オプションで、顧客がリストを並べ替えるために使用できる1つ以上の使用可能な値を選択します。 この設定は、Live Search 製品リストページ ウィジェット には適用されません。
デフォルトでは、使用可能なすべての値が含まれます。 選択範囲を変更するには、Use All チェックボックスの選択を解除します。 例えば、次の値を含めることができます。
PositionProduct NamePrice
-
カテゴリのデフォルトの並べ替え順序を設定するには、Default Product Listing Sort By値を選択します。 この設定は、Live Search 製品リストページ ウィジェット には適用されません。
-
既定の階層化ナビゲーション 価格ステップ 設定を変更するには、次の操作を行います。
-
「Use Config Settings」チェックボックスの選択を解除します。
-
階層化されたナビゲーションの増分価格ステップとして使用する値を入力します。
-
-
Saveをクリックして続行します。
手順5:検索エンジン最適化の設定を完了する
手順6:カテゴリ内の製品の選択
-
Products in Category セクションの
を展開します。
{width="600" modal="regular"}
これらのオプションについて詳しくは、 カテゴリ内の製品を参照してください。
-
必要に応じて、 フィルターを使用して製品を検索します。
カテゴリに含まれていないすべてのレコードを表示するには、最初の列のレコード選択を
Noに設定し、Searchをクリックします。 -
最初の列で、カテゴリに含める各製品のチェックボックスを選択します。
-
Saveをクリックして続行します。
手順7:カテゴリの権限の設定
-
Category Permissions セクションの
を展開します。
-
マルチサイト インストールの場合は、カテゴリ権限が適用される Website を選択します。
-
カテゴリの権限が適用される Customer Group を選択します。
(Adobe Commerce B2Bのみ)必要に応じて、代わりに Shared Catalog を選択できます。 -
必要に応じて、次の権限を設定します。
- Browsing Category
- Display Product Prices
- Add to Cart
-
別の権限ルールを追加するには、New Permissionをクリックして、プロセスを繰り返します。
{width="600" modal="regular"}
手順8:デザイン設定を完了する
-
Design セクションの
を展開します。
-
必要に応じてデザイン設定を行います。
-
(Adobe Commerce B2Bのみ)このカテゴリに親カテゴリのデザイン設定を適用するには、Use Parent Category Settingsを
Yesに設定します。 -
カテゴリーページのデザインを変更するには、適用する Theme を選択します。
-
カテゴリーページの列レイアウトを変更するには、適用する Layout を選択します。
-
カスタムコードを入力するには、Layout Update XML ボックスに有効なXML コードを入力します。
-
商品ページに同じデザインを使用するには、Apply Design to Productsを
Yesに設定します。
{width="600" modal="regular"}
-
-
(Magento Open Sourceのみ)特定の期間のデザインアップデートをスケジュールするには、次の操作を行います。-
Schedule Design Updateセクションを展開します。
-
カレンダー(
)を使用して、スケジュール更新 from および to の日付を選択します。
{width="600" modal="regular"}
-
-
完了したら、Saveをクリックします。