Visual Merchandiser
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.
Access the Visual Merchandiser
-
On the Admin sidebar, go to Catalog > Categories.
-
Drill down through the category tree and click the category that you want to edit.
-
Scroll down and expand
-
Click the View as Tiles (
-
When complete, click Save Category.
Change the position of a product
-
Use the sort order to view the product that you want to move.
-
Method 1: Drag and Drop
Grab the Drag (
-
Method 2: Set Position Value
In the Position controller (
0
to place the product at the top of the list.
-
-
When complete, click Save Category.
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](./media_1b467c9997c5780f3a4e5ae7eb9d8805aae78e6af.png?width=750&format=png&optimize=medium)
![View as tiles icon](./media_1a41f3dddbc115a453d05a47418599ad2b692417c.png?width=750&format=png&optimize=medium)
![Match by rule toggle - no](./media_11b2e73cecd1d6c5c186b0796708a17210af37359.png?width=750&format=png&optimize=medium)
![Match by rule toggle - yes](./media_120deec38e5e8e662a805ba9dec83eac501f63b5c.png?width=750&format=png&optimize=medium)
![Move icon](./media_14ca1bdaaeb777e6cca80f2bf24014b1a04eeca39.png?width=750&format=png&optimize=medium)
![Position controller](./media_1ad29950c0c54eab62bcd68bced32c4bbdeef960f.png?width=750&format=png&optimize=medium)
![Remove from category icon](./media_1df18f18a495fb90cb085ca819c1422bc6b7b689c.png?width=750&format=png&optimize=medium)
![Items per page control](./media_1fefbdf3e90bb438a6269cf08578a4538d87a2a36.png?width=750&format=png&optimize=medium)
![Change page display](./media_1f86f52c8e7de4b29d513efa044aae0073f9a1b77.png?width=750&format=png&optimize=medium)