カテゴリの作成
カタログのカテゴリ構造は、ルートが上に来た、逆さまになったツリーのようなものです。 ツリーの各セクションは、展開したり折りたたんだりできます。 無効なカテゴリや非表示のカテゴリはグレー表示されます。 第 1 レベル(「ルート の下)のカテゴリは、通常、 メインメニューにオプションとして表示されます。 設定で設定されたメニューの最大深度に応じて、必要な数のサブカテゴリを追加できます。 カテゴリは、ツリー内の他の場所にドラッグ アンド ドロップできます。 カテゴリ ID 番号は、ページ上部のカテゴリ名の後の括弧内に表示されます。
複数の ストアを持つ web サイトの場合、ストアごとに異なるルートカテゴリを作成できます。このルートカテゴリは、 トップナビゲーションに使用するカテゴリのセットを定義します。
{width="700" modal="regular"}
ベストプラクティス
カテゴリを計画および作成する際は、次のベストプラクティスを使用します。
カテゴリ構造
メインメニューのカテゴリの構造は、顧客体験とパフォーマンスに影響を与える可能性があります。 ベストプラクティスとして、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] をクリックし、カテゴリを表す画像を選択します。
note note NOTE Media Gallery 内では、Adobe Stock Integration を使用して、Search Adobe Stock をクリックして適切な画像を見つけることもできます。 -
-
Description:カテゴリランディングページに表示するテキストまたはその他のコンテンツを入力します。
詳しくは、 カテゴリコンテンツを参照してください。
-
カテゴリランディングページにコンテンツブロックを含めるには、表示する CMS Block を選択します。
-
「Save」をクリックして続行します。
手順 4:表示設定の完了
-
「 」を展開し、「Display Setting」セクションを展開します。
{width="600" modal="regular"}
これらのオプションの詳細については、「 表示設定」を参照してください。
-
Display Mode を次のいずれかに設定します。
Products Only
Static Block Only
Static Block and Products
-
カテゴリページにレイヤー化されたナビゲーションの _
Filter by Attribute
_セクションを含める場合は、「Anchor」を「Yes
」に設定します。 -
Available Product Listing Sort By のオプションでは、顧客がリストを並べ替えるために使用できる値を 1 つ以上選択します。 この設定は Live Search 製品一覧ページウィジェット には適用されせん。
デフォルトでは、使用可能なすべての値が含まれます。 「Use All」チェックボックスの選択を解除して、選択内容を変更します。 例えば、次のような値が含まれます。
Position
Product Name
Price
-
カテゴリの既定の並べ替え順を設定するには、Default Product Listing Sort By の値を選択します。 この設定は Live Search 製品一覧ページウィジェット には適用されせん。
-
デフォルトのレイヤー化されたナビゲーション 価格ステップ設定を変更するには、次の手順を実行します。
-
「Use Config Settings」チェックボックスの選択を解除します。
-
レイヤーナビゲーションの増分価格ステップとして使用する値を入力します。
-
-
「Save」をクリックして続行します。
手順 5:検索エンジンの最適化設定を完了する
-
「 」を展開し、「Search Engine Optimization Settings」セクションを展開します。
{width="600" modal="regular"}
これらのオプションについて詳しくは、 検索エンジンの最適化を参照してください。
-
カテゴリに次の メタデータを入力します。
- Meta Title
- Meta Keywords
- Meta Description
-
「Save」をクリックして続行します。
手順 6:カテゴリ内の製品の選択
手順 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 を選択します。
-
カスタムコードを入力するには、有効な XML コードを Layout Update XML ボックスに入力します。
-
製品ページに同じデザインを使用するには、Apply Design to Products を
Yes
に設定します。
{width="600" modal="regular"}
-
-
(Magento Open Sourceのみ)特定の期間に対してデザインの更新をスケジュールするには、次の操作を行います。
-
「Schedule Design Update」セクションを展開します。
-
カレンダー( )を使用して、スケジュールの更新の from と to の日付を選択します。
{width="600" modal="regular"}
-
-
完了したら、「Save」をクリックします。