How to Edit a Menu Bar in Shopware 6

In the following article, we provide an answer to a popular question about Shopware 6. Many merchants ask how to edit a menu bar in Shopware. We’ve discovered several ways how people do that. If you also have no idea how to change the appearance of frontend menus in Shopware or know only a single solution, you’ve come to the right place. Below, we describe the most popular methods that let you achieve the best appearance for your menu bars in Shopware 6.

Note that we provide Shopware integration with external platforms. Contact our support for further information or try our Improved Import & Export Extension for Shopware.

Get Improved Import, Export & Mass Actions for Shopware by Firebear Studio

Explore Shopware

Create Proper Menu Elements for Your Shopware Website

So, if the problem is in particular elements that you don’t want to display, don’t create them. Construct a substructure within the category tree that matches your expectations and assign it to the menus. Please note that the top category must be enabled to show the dependant elements.

So, how to edit the menu bar in Shopware 6 by creating a proper category structure? First, create categories you want to use in your navigation menus. Below, you can see an example of a category tree:

Use the  “…” button in the context menu to add a new category. Next, hit the context menu of the category you’ve just created and click on the option that generates a new subcategory. Create as many subcategories as you need. Name and activate them. 

You can also choose a category page layout per each element of a category tree. Select a category you want to edit, proceed to the Layout tab, and choose a corresponding option.

Scroll down to edit the category navigation.

You can find a detailed guide here: How to Create Categories in Shopware 6.

You can also create Shopping Experiences and assign the created layout to the respective category under Layout assignment (1). It is also possible to open the layout editor of the shopping experiences to create a new layout (2).

Now, you need to ensure that the menus are shown on the frontend. Specify the menus as entry points. Go to settings for the relevant sales channel. For instance, you can specify the footer structure with the help of the entry point for the footer navigation (1). Alternatively, Shopware 6 lets you use a separate menu for the service navigation. The corresponding option is available under the entry point for the service navigation (2).

Apply other customizations creating a category tree that suits your vision of the Shopware 6 menu bar. You can find more guides on how to create other store pages displayed in a category tree here: Exploring Shopware: Getting Started With The Platform.

Import Products

You can also import product data to your website to create product pages automatically. Use the Improved Import, Export & Mass Actions extension to simplify this process. The module provides the ability to create mapping schemes matching any external product data to the corresponding columns in your Shopware 6 database. Even custom product attributes and properties are supported! Furthermore, soon, the module will be able to transfer other entities, creating the entire category tree automatically.

Unfortunately, this approach doesn’t help you hide particular categories from the menu bar after adding them to your category tree. You can do that with the help of other tools.

Use Extensions to Edit The Menu Bar in Shopware 6

Hide categories in the menu bar

This extension lets you customize the menu bar of Shopware 6. You can create an individual design for your navigation elements, including a sidebar menu. It provides the ability to hide the selected categories from the navigation in just a few clicks. The extension adds a new tab to a category configuration page where you specify its display parameters for the navigation and sidebar menu. 

Hide Sidebar (Left Navigation)

Removing a sidebar sometimes helps improve the user experience. With this module, you get the ability to turn it off on all Shopware 6 shop pages. The extension provides the ability to use the screen space more efficiently. However, you cannot edit particular elements of the menu bar. If you need to show/hide them, use the previous module.

Editing a Menu Bar in Shopware 6

As you can see, editing a menu bar in Shopware 6 is a complex process that involves creating a specific category tree structure and enabling/disabling its elements with the help of third-party modules. If you know better tools for achieving the same goal, please, let us know through the comment section.

Shopware 6 Essentials FAQ

Get Improved Import & Export for Shopware by Firebear Studio

Explore Shopware