Between 100 and 500 products is the awkward middle. Flat navigation doesn’t work anymore — collections are too long to scan without help. But the catalog isn’t big enough to justify a full mega menu with dozens of subcategories. The navigation needs structure, but the right amount.
When to add subcategories
The rule of thumb: when any collection shows more than 40–50 products, it benefits from being split into subcategories. A “Women’s Clothing” collection with 120 products is hard to browse. Split into “Tops” (30), “Bottoms” (25), “Dresses” (35), and “Outerwear” (30), each subcollection is scannable.
Subcategories should reflect how shoppers think, not how the warehouse is organized. If shoppers think in terms of occasion (Work, Casual, Formal), organize by occasion. If they think in terms of product type (Shirts, Pants, Dresses), organize by type. The best source of this information is search data — what terms do shoppers use when searching your store?
Two-level hierarchy is usually enough
For 100–500 products, two levels of navigation — top-level categories and one level of subcategories — is almost always sufficient. Three levels create unnecessary depth and force the shopper to make three navigation decisions before seeing products.
A typical structure:
- Women → Tops, Bottoms, Dresses, Accessories, Sale
- Men → Shirts, Pants, Outerwear, Accessories, Sale
- Home → Candles, Decor, Kitchen, Textiles
Each subcategory holds 15–50 products — a browsable number. The shopper navigates in two clicks: category → subcategory → product list. Quick enough to not feel like work, structured enough to narrow the scope.
Adding filters at this stage
Subcategories reduce the browsing scope, but filters refine it further. At 100–500 products, adding three to five filter dimensions per collection — size, color, price, maybe material or brand — makes a significant difference.
The key is choosing filters that match the products. A clothing store needs size and color. An electronics store needs brand and price range. A food store needs dietary preferences and flavor. Irrelevant filters (color filter on a store that sells books) add complexity without value.
Filters should appear on collection pages, not in the menu. The menu handles category navigation; filters handle product refinement. Mixing the two (putting filter options in the menu) creates confusion — the shopper doesn’t know whether they’re navigating to a category or filtering within one.
Search becomes useful
At 100+ products, search starts serving a meaningful role. Shoppers who know what they want can type a product name or keyword and find it faster than browsing. A visible search bar (in the header or tabbar) ensures they can find the search function easily.
At this stage, basic search is usually sufficient — Shopify’s built-in search handles simple keyword matching. Predictive search (autocomplete with product suggestions) is a nice upgrade but not essential until the catalog is larger.
Common mistakes at mid-size
Too many top-level categories. Adding a top-level menu item for every new product line. Five to eight top-level items is manageable; 15 is overwhelming. Group related lines under broader categories.
Inconsistent subcategory depth. One category has five subcategories and another has none. If subcategories exist for some categories, shoppers expect them for all. Consistency in depth helps shoppers predict the navigation structure.
Duplicating products across too many collections. A product in “New Arrivals,” “Sale,” “Best Sellers,” “Women’s Tops,” and “Summer Essentials” appears five times in different contexts. This isn’t a navigation problem per se, but it can confuse shoppers who see the same product in every collection they browse.
This article is part of the larger guide on How navigation needs change as your catalog grows from 100 to 1000+ products.