Visual Merchandiser

Adobe Commerce feature {width="20"} Exclusive feature only in Adobe Commerce (Learn more)

The Visual Merchandiser is a set of advanced tools that allows you to position products and apply conditions that determine which products appear in the category listing. The result can be a dynamic selection of products that adjusts to changes in the catalog. You can work in visual mode, which shows each product as a tile on a grid, or to work from a list of products in the category. The same tools are available in each mode and you can use the buttons in the upper-right corner to toggle between each type of display.

Category products in tile view

Access the Visual Merchandiser

  1. On the Admin sidebar, go to Catalog > Categories.

  2. Drill down through the category tree and click the category that you want to edit.

  3. Scroll down and expand Expansion selector the Products in Category section.

  4. Click the View as Tiles ( View as tiles ) button to display the products as a grid.

  5. When complete, click Save Category.

Change the position of a product

  1. Use the sort order to view the product that you want to move.

    • Method 1: Drag and Drop

      Grab the Drag ( Drag icon ) control in the upper-right corner of the product tile and drop the product into position. The number of each product adjusts to reflect the new position.

    • Method 2: Set Position Value

      In the Position controller ( Position field ) on the product tile, enter the number where you want the product to appear. Enter 0 to place the product at the top of the list.

  2. When complete, click Save Category.

In a clean installation, Adobe Commerce reserves the category ID 2 for the root catalog of the default store. Visual Merchandiser can use only categories with an ID number of 3 or greater.

Workspace controls

View list icon
View as list
View as tiles icon
View as tiles
Match by rule toggle - no
Match by rule - no
Match by rule toggle - yes
Match by rule - yes
Move icon
Position controller
Remove from category icon
Remove from category
Items per page control
View per page
Change page display
Go to next / previous