How to set up the menu of a WoodMart theme: detailed tutorial with best practices (02)

Today we talk about the menu settings of the WoodMart theme, before theWoodMart Theme Template DataImport Reference

WoodMart theme menu is more functional, DIY (customization is also more), so it is recommended that newcomers slowly understand the simple menu functions will not need to talk more, will not be reference!Basel ThemeMenu Settings.
Welcome to our detailed tutorial, today we are going to dive into how to setup and optimize the menu of WoodMart theme.WoodMart theme is known for its powerful customization features and rich DIY options, for novice users, understanding and mastering these features may take some time and patience. Whether you're looking to create a simple navigation menu or implement an aesthetically pleasing mega menu like the one shown in the image, this article will provide you with the steps and tips you need.

If you want to realize the beautiful menu above and the icon display, you need several functions to implement them together

We will use Elementor or WPBakery PageBuilder editor, each template is different, so the editor is also different, but roughly the same, select theWoodMart ThemeThe menu template can be found at the previous link

It also needs to be implemented as an HTML block, and of course the menu needs to have the options of a mega-menu

Steps: Website Backend→Appearance→Menus

As an example: here are the settings for the mega menu

As shown above each template's mega menu will be a little different, but roughly the same

Shop Pages, Product Loop, Single Product, Features are all on the back end of the site!HTML Blocks

Steps HTML Blocks→Shop Pages→Edit with Elementor

As shown above, find the appropriate page

If you can't find it, you can view to preview it.

As shown above, go to the edit page

Specifically depends on the template with what editor, to choose, the above picture is the Elementor editor

Step Shop Pages→Edit with Elementor

Go in and edit the desired effect, the picture content may not be the same, but the operation is the same, according to each template is not the same operation will also have a slight difference.

However, some modules do not appear in HTML Blocks, but in Layouts.

As above, but the method is the same

There is also a way to display the images of the categories, which is also very simple, as follows

It's also very simple to set up the HTML block as well, just select it in the menu as follows

Steps HTML Blocks→New→Product categories

StepsAppearance→Menus→Set product category→Select corresponding HTMl block

It's also very easy to make a menu that will look better, but ultimately it's up to the individual.

Summary:

With the tutorials in this article, you should now be able to easily set up and optimize the menu of your WoodMart theme. Whether you're using Elementor or the WPBakery PageBuilder editor, each step has been explained in detail to ensure that you're able to achieve the desired results. If you encounter any problems during the process, feel free to contact our support team. Thank you for reading and good luck with your website!