Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Shop page - Top categories menu


Written by Annie

Last updated


On this page

In this article, we will provide you with some necessary information to configure the Top Categories menu. It won’t be shown unless you config the Woocommerce Categories Menu Sidebar or Top Categories Menus.


1. Create Top Categories Menu through Woocommerce Categories Menu

This option will show automatically all of your categories that you added in Products > Categories. To create, from the sidebar > Appearance > Widgets > WooCommerce Categories Menu.




2. Create Top Categories through Menus

If you have too many Categories and just want to manually show some of them, you can use Menus to display some featured categories. But in case you create both in Menus and Woocommerce Categories Menu, it will priority to show the menu created by Menus. From the sidebar > Appearance > Menus > Edit menus > Create a menu.


2.1. Edit menu


  • Drag and drop the items into the order you prefer. Click the arrow on the right of the item to reveal additional configuration options. You can add the menu’s name in the Menu structure. For each item, you can config the URL, title, label, add menu icon, enable megamenu and change the item’s position.



  • Auto add pages: Automatically add new top-level pages to this menu.

  • Display location: Choose Top categories menu in shop and Categories mobile menu (optional) to display the Top categories.


2.2. Manage locations

In Top Categories in Shop, select the menu you’ve created.




[Private Offer] EComposer Partner Plan

Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.