Wix Stores: Displaying Product Categories on Mobile

5 min read
If you display the category page on your site, customers can use it to navigate through your live categories. 
Screenshot of category page on desktop with the category list outlined
However, it's important to remember that the category list is not visible on mobile devices. If you want customers on mobile to have access to your subcategories, add them to the site menu.   
You decide whether you want to add them only on the mobile version of your site or both on desktop and mobile. 

Adding categories only to your mobile site menu

If you prefer not to add your product categories to the desktop version of your site menu, you can still add them to mobile. This way, customers visiting your site using a mobile device can easily find the types of products they're looking for. 
Wix Editor
Studio Editor
  1. Click the Switch to Mobile icon at the top of your editor.
Screenshot showing how  to switch to mobile view in the Wix Editor
  1. Click the site menu.
  2. Click the Settings icon .
  3. Click Set as Advanced.
  4. Click Set as Advanced to confirm.
  5. Click the menu in your editor.
  6. If not already open, click Manage Menu.
  7. Click + Add Menu Item at the bottom.
  8. Select Link.
  9. Select Page on the left.
  10. Select Category Page from the Which Page? drop-down.
  11. Select the category you want to display from the Which item? drop-down.
  12. Click Done.
  13. (Optional) Rename the category.
  14. (Optional) Drag categories to make them into subcategories.
Screenshot showing how you change the order of categories in a wix site menu

Adding categories to desktop & mobile site menus

By default, the category page is added to the site menu with the name "Shop". This link directs customers to the "All Products" category. You can add direct links to each of your other categories (e.g. Body, Nutrition).
Screenshot of a sample site menu
If your site has a lot of products and categories, you can add subcategories to the site menu.
Screenshot of a sample site menu with subcategories
Wix Editor
Studio Editor
  1. Click Pages and Menuon the left side of the editor.
  2. Click Site Menu.
  3. Click +Add Menu Item at the bottom.
  4. Select Link.
Screenshot of Pages & Menu in the Editor, with the page link option outlined
  1. Select Page on the left.
  2. Select Category Page from the Which Page? drop-down.
Screenshot of Site Pages & Menu with link popup open
  1. Select the category you want to display from the Which item? drop-down.
  2. Click Done.
  3. (Optional) Rename the category and click Done.
  4. (Optional) Make the category you added into a subcategory:
    1. Click Pages and Menuon the left side of the Editor.
    2. Click Site Menu.
    3. Drag the relevant menu items under and to the right of the relevant category.

Did this help?

|