Navigating the Categories Menu in Commercetools: Tree Views, Searches, and Structure
Introduction: The Backbone of Your Store's Navigation
If products are the lifeblood of your e-commerce store, categories are the skeleton. A well-structured category tree (taxonomy) is essential for intuitive storefront navigation, effective SEO, and streamlined product discovery. In Commercetools, categories are highly flexible, allowing for deep nesting and multiple category assignments per product. In this post, we are exploring the Categories menu within the Commercetools Merchant Center. We will break down how to quickly navigate your category tree, toggle between different management views, and organize your storefront’s hierarchy effectively.
1.The Sidebar Dropdown—Your Quick Navigation Toolkit
Just like the Products menu, clicking the “Categories” item in the left-hand sidebar (indicated by the hierarchy icon) reveals a focused dropdown menu. This provides immediate access to your primary category workflows.
Here is what each option does:
2. Categories search (The Flat View)
When you have a massive catalog with hundreds of nested categories, clicking through a tree to find one specific subcategory (e.g., “Men’s Running Shoes”) can be tedious. The “Categories search” option provides a flat, searchable interface. It bypasses the hierarchy, allowing you to instantly locate a category by name or key to make quick edits.
3. Add category
A direct shortcut to create a new category node. Whether you need a new top-level department or a granular sub-niche, this drops you right into the creation wizard.
Breaking Down the Main Categories Dashboard
When you navigate to the primary Category list, you are greeted with a clean dashboard designed for structural management. Let’s analyze the key UI components available on this screen.
View Toggles and Primary Actions (Top Right)
In the top right corner, you will notice a set of distinct controls:
- The View Toggles (Hierarchy vs. Search): The two buttons grouped together (the hierarchy icon and the magnifying glass) allow you to seamlessly switch between the “Tree/List” view and the “Search” view without having to go back to the sidebar.
- The “+ Add category” Button: The primary action button for building out your tree, prominently displayed for easy access.
Structure and Sorting Controls
- Breadcrumb Navigation: On the left side, above the table, you’ll see breadcrumbs like Main categories >. This tells you exactly where you are in the tree. As you click into subcategories, this trail will expand (e.g., Main categories > Clothing > Men’s), making it easy to jump back up the hierarchy.
- The “Reorder” Button: This is a crucial merchandising tool. Categories usually appear on your frontend website in a specific order (e.g., placing “New Arrivals” before “Clearance”). The Reorder button allows you to manipulate the visual sequence of the categories at your current level.
The Data Table: Key Category Metrics
The columns in the category table provide essential at-a-glance information:
- Category name: The localized display name of the category.
- External ID: A highly important field for Commercetools’ API-first architecture. This ID is often used to map and sync categories with external systems like an ERP, PIM, or legacy database.
- Products: A quick counter showing exactly how many products are currently assigned to this specific category node.
- Subcategories: Indicates if this category acts as a “parent” to further nested categories, helping you understand the depth of your taxonomy.
Conclusion: Structuring for Success
Managing your e-commerce taxonomy doesn’t have to be a headache. The Commercetools Merchant Center provides distinct tools for distinct jobs: the hierarchical Category list for visualizing your store’s structure and merchandising order, and the Categories search for lightning-fast edits in large catalogs.