How to Create a Category Structure for Storefront Navigation
What This Task Does
This task creates or updates category records so shoppers can browse the catalog through a clear navigation structure.
Use it when you are building a new browse hierarchy or fixing a confusing category tree.
Before You Start
Make sure:
- you can access
Settings > Categories - you know which categories should be top-level and which should be children
- you have category names, descriptions, and images ready
Steps
- Open
Settings > Categories. - Create each top-level category first.
- Add child categories by setting the parent category on creation or edit.
- For each important category, review:
- name
- description
- image
- slug
- meta fields
- long-form content if needed
- On the edit screen, add the product attributes that should appear as shopper filters for that category.
- Save each category.
- Review the storefront category page and navigation behavior after the structure is in place.
What Happens Next
After saving:
- the category hierarchy exists in admin
- category pages and storefront navigation can use the new structure
- shopper filtering can use the configured category attributes
Common Mistakes
- Creating child categories before the parent structure is clear.
- Forgetting to add category filters when the storefront depends on them.
- Trying to delete a category that still has products or child categories attached.
Related Guides
Sources
packages/admin/src/Livewire/Admin/Settings/Categories/DataTable/CreateDialog.phppackages/admin/src/Livewire/Admin/Settings/Categories/DataTable/EditDialog.phppackages/storefront/src/View/Components/Navigation/Bar.phppackages/storefront/src/Livewire/Storefront/Category/Page.php