カテゴリを作成

カタログのカテゴリ構造は、ルートが上部にある上下逆さまのツリーのようなものです。 ツリーの各セクションを展開したり折りたたんだりできます。 無効なカテゴリまたは非表示のカテゴリはグレー表示されます。 最初のレベル(rootの下)のカテゴリは、通常、​ メインメニューにオプションとして表示されます。 設定で設定されているメニューの最大深度に応じて、必要な数の追加サブカテゴリを作成できます。 カテゴリは、ツリー内の他の場所にドラッグ&ドロップできます。 カテゴリ ID番号は、ページの上部にあるカテゴリ名の後ろに括弧で囲まれて表示されます。

複数の​ ストア ​を持つweb サイトの場合、各ストアに対して異なるルートカテゴリを作成し、​ トップナビゲーション ​に使用されるカテゴリのセットを定義できます。

​ カテゴリツリー {width="700" modal="regular"}

ベストプラクティス

カテゴリを計画および作成する場合は、次のベストプラクティスを使用します。

カテゴリ構造

メインメニューのカテゴリの構造は、顧客体験とパフォーマンスに影響を与える可能性があります。 ベストプラクティスとして、大まかなトップレベルのカテゴリを1つ特定し、同じ名前の他のカテゴリを使用しないようにする必要があります。 例えば、Clothing/KidsShoes/KidsAccessories/Kidsなど、「子供」の複数のカテゴリを異なる部門で整理する代わりに、 最上位の親カテゴリ Kidsを作成し、次の必要に応じてサブカテゴリを作成すると、より効率的になります。 カテゴリ構造に一貫性を持たせ、カタログ内のすべての製品タイプに同じアプローチを使用します。

ビジネスルールと自動化

ビジネスロジックを使用してカタログページに類似のアイテムを表示する場合、またはパーソナライズされたプロモーション、自動プロセス、検索条件を設定する場合は、カテゴリ構造と使用可能な属性値を考慮します。 例えば、親カテゴリとして「polo」を指定すると、性別と年齢に関係のない商品が混在した結果が得られます。 ただし、ポロシャツの特定のサブカテゴリーと一致する場合、検索結果は絞り込まれ、特定の顧客にアピールする可能性が高まります。 特定の顧客をターゲットとする他の属性値と組み合わせることで、より具体的な結果を得ることができます。 特定のカテゴリーパスを参照する際に、フィルタリングして取得する必要がある製品の数を考慮します。 結果の違いは劇的なものになる可能性があります。 次のカテゴリパスから返される様々な結果を考えてみましょう。

  • [Category: All Products/Shirts/Father's Day/Polos/Sale]
  • [Category Path: Men/Shirts/Polos]
  • [Child Category: Polos]

次のようなカテゴリ分けの関係を明確に定義することが重要です。

  • 親カテゴリ
  • サブカテゴリ
  • カテゴリーパス

関連するキーワードと属性も定義します。

  • 可用性
  • 販売価格
  • ブランド
  • サイズ
  • カラー

手順1:カテゴリの作成

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

  2. Store View​を設定して、新しいカテゴリをどこで利用できるかを決定します。

  3. カテゴリーツリーで、新しいカテゴリの親カテゴリを選択します。

    親は、新しいカテゴリの1 レベル上にあります。

    データを含まない最初から開始する場合、リストにルートである​ デフォルト カテゴリ ​と​ サンプル カテゴリ ​の2つのカテゴリしか含まれていない可能性があります

  4. Add Subcategory​をクリックします。

手順2:基本情報を完了する

  1. カテゴリをストアですぐに利用できるようにするには、Enable Category​をYesに設定します。

  2. ​ トップナビゲーション ​にカテゴリを含めるには、Include in Menu​をYesに設定します。

  3. Category Name​を入力します。

    ​ カテゴリの基本情報 {width="500" modal="regular"}

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

手順3:カテゴリのコンテンツを完了する

  1. Content セクションの 拡張セレクター を展開します。

    ​ カテゴリーコンテンツ ​ {width="600" modal="regular"}

  2. ページの上部に​ Category Image ​を表示するには、独自の画像をアップロードするか、​ メディアストレージ ​に存在する画像を使用します。

    • 独自の画像をアップロードするには、Upload​をクリックし、カテゴリを表す画像を選択します。

    • メディアストレージの画像を使用するには、Select from Gallery​をクリックし、カテゴリを表す画像を選択します。

    Media Gallery内で、Adobe Stock Integrationを使用して、Search Adobe Stock​をクリックして適切な画像を検索することもできます。

    note
    NOTE
    AEM Assetsを有効にしている場合は、​ カテゴリの管理を参照してください。
  3. Description​の場合、カテゴリのランディングページに表示するテキストまたはその他のコンテンツを入力します。

    詳しくは、​ カテゴリーコンテンツ ​を参照してください。

  4. カテゴリのランディングページにコンテンツブロックを含めるには、表示する​ CMS Block ​を選択します。

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

手順4:表示設定の完了

  1. Display Setting セクションの 拡張セレクター を展開します。

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

    これらのオプションについて詳しくは、これらのオプションについて詳しくは、表示設定を参照してください。

  2. Display Mode​を次のいずれかに設定します:

    • Products Only
    • Static Block Only
    • Static Block and Products
  3. カテゴリーページに​_Filter by Attribute_セクションを含める場合は、Anchor​をYesに設定します。

  4. Available Product Listing Sort By オプションで、顧客がリストを並べ替えるために使用できる1つ以上の使用可能な値を選択します。 この設定は、Live Search 製品リストページ ウィジェット ​には適用されません。

    デフォルトでは、使用可能なすべての値が含まれます。 選択範囲を変更するには、Use All チェックボックスの選択を解除します。 例えば、次の値を含めることができます。

    • Position
    • Product Name
    • Price
  5. カテゴリのデフォルトの並べ替え順序を設定するには、Default Product Listing Sort By​値を選択します。 この設定は、Live Search 製品リストページ ウィジェット ​には適用されません。

  6. 既定の階層化ナビゲーション 価格ステップ ​設定を変更するには、次の操作を行います。

    • Use Config Settings」チェックボックスの選択を解除します。

    • 階層化されたナビゲーションの増分価格ステップとして使用する値を入力します。

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

手順5:検索エンジン最適化の設定を完了する

  1. Search Engine Optimization Settings セクションの 拡張セレクター を展開します。

    検索エンジン最適化 {width="600" modal="regular"}

    これらのオプションについて詳しくは、検索エンジン最適化を参照してください。

  2. カテゴリの次の​ メタデータ ​を完了します。

    • Meta Title
    • Meta Keywords
    • Meta Description
  3. Save​をクリックして続行します。

手順6:カテゴリ内の製品の選択

  1. Products in Category セクションの 拡張セレクター を展開します。

    ​ カテゴリ内の製品 {width="600" modal="regular"}

    これらのオプションについて詳しくは、​ カテゴリ内の製品を参照してください。

  2. 必要に応じて、​ フィルターを使用して製品を検索します。

    カテゴリに含まれていないすべてのレコードを表示するには、最初の列のレコード選択をNoに設定し、Search​をクリックします。

  3. 最初の列で、カテゴリに含める各製品のチェックボックスを選択します。

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

手順7:カテゴリの権限の設定

Adobe Commerceの機能 {width="20"} これは、Adobe Commerceでのみ使用できる機能であり、Magento Open Sourceでは使用できません。 (詳細情報
  1. Category Permissions セクションの 拡張セレクター を展開します。

  2. マルチサイト インストールの場合は、カテゴリ権限が適用される​ Website ​を選択します。

  3. カテゴリの権限が適用される​ Customer Group ​を選択します。

    Adobe Commerce B2B Adobe Commerce B2Bのみ)必要に応じて、代わりに​ Shared Catalog ​を選択できます。

  4. 必要に応じて、次の権限を設定します。

    • Browsing Category
    • Display Product Prices
    • Add to Cart
  5. 別の権限ルールを追加するには、New Permission​をクリックして、プロセスを繰り返します。

    ​ カテゴリの権限 {width="600" modal="regular"}

手順8:デザイン設定を完了する

  1. Design セクションの 拡張セレクター を展開します。

  2. 必要に応じてデザイン設定を行います。

    • Adobe Commerce B2Bのみ)このカテゴリに親カテゴリのデザイン設定を適用するには、Use Parent Category Settings​をYesに設定します。

    • カテゴリーページのデザインを変更するには、適用する​ Theme ​を選択します。

    • カテゴリーページの列レイアウトを変更するには、適用する​ Layout ​を選択します。

    • カスタムコードを入力するには、Layout Update XML ボックスに有効なXML コードを入力します。

    • 商品ページに同じデザインを使用するには、Apply Design to Products​をYesに設定します。

    ​ デザイン設定 {width="600" modal="regular"}

  3. Magento Open Source (Magento Open Sourceのみ)特定の期間のデザインアップデートをスケジュールするには、次の操作を行います。

    • Schedule Design Update​セクションを展開します。

    • カレンダー( ​ カレンダーアイコン ​ )を使用して、スケジュール更新​ from ​および​ to ​の日付を選択します。

    ​ デザイン更新をスケジュールしました {width="600" modal="regular"}

  4. 完了したら、Save​をクリックします。

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