After July 2021, the 2.3.x release line no longer received quality updates or user guide updates. PHP 7.3 reached end of support in December 2021, and Adobe Commerce 2.3.x reached end of support in September 2022. We strongly recommend upgrading to Adobe Commerce 2.4.x to help maintain PCI compliance.

Visual Merchandiser

This site contains archived merchant documentation for a version of Adobe Commerce and Magento Open Source that has reached end-of-support. The documentation available here is intended for historical reference only and is not maintained. The Adobe Commerce Merchant Documentation for current releases is published on the Adobe Experience League.
Magento Commerce only. Learn more.

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 have the option to 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 Category Products Viewed as Tiles

Access 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 and paginate tools 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 field (Position field)on the product tile, enter the number where you want the product to appear. Enter the number zero (0) to place the product at the top of the list.

  2. When complete, click Save Category.

In a clean installation, Magento 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

Control Description
View as List
View as Tiles
Match by Rule
Match by Rule
Drag
Position
Remove from Category
View Per Page
Go To Next / Previous