[PaaSのみ]{class="badge informative" title="Adobe Commerce on Cloud プロジェクト（Adobeで管理されるPaaS インフラストラクチャ）とオンプレミスプロジェクトにのみ適用されます。"}

Visual Merchandiser

最終更新日： 2026年6月16日

トピック：
Categories
Merchandising
Products

作成対象：

{"id":"b5a62a22-46f7-4f0d-b151-3fc640bef588"},{"id":"e8ccd51f-da0d-4e3b-939b-e30d5ebb1ea5"}
{"id":"b69b2659-1057-424e-8fc5-ed9e016dc554"},{"id":"c66ffd68-0f65-42bb-aa23-b4020f12e0bd"},{"id":"f8a45b24-4be7-4f1b-909b-60d06b483a20"}

{width="20"} これは、Adobe Commerceでのみ使用できる機能であり、Magento Open Sourceでは使用できません。（詳細情報）

Visual Merchandiserは、製品を配置し、カテゴリリストに表示される製品を決定する条件を適用できる高度なツールのセットです。その結果、カタログの変更に合わせて調整される製品の動的な選択が得られます。各プロダクトをタイルとしてグリッド上に表示する ビジュアルモード で作業したり、カテゴリ内のプロダクトのリストから作業したりできます。各モードで同じツールを使用でき、右上隅のボタンを使用して各タイプの表示を切り替えることができます。

タイル表示のカテゴリ製品 {width="600" modal="regular"}

Visual Merchandiserへのアクセス

管理者 サイドバーで、Catalog > Categoriesに移動します。
カテゴリーツリーをドリルダウンして、編集するカテゴリをクリックします。
下にスクロールして、Products in Category セクションのを展開します。
「タイルとして表示 （）」ボタンをクリックすると、商品がグリッドとして表示されます。
完了したら、Save Categoryをクリックします。

製品の位置を変更する

並べ替え順序を使用して、移動する商品を表示します。
- 方法1: ドラッグ&ドロップ
  
  製品タイルの右上隅にあるドラッグ （）コントロールを使用して、製品を配置します。各商品の数は、新しい位置を反映するように調整されます。
- 方法2: ポジション値を設定
  
  製品タイルの位置コントローラー（）に、製品を表示する番号を入力します。 0と入力して、商品をリストの一番上に配置します。
完了したら、Save Categoryをクリックします。