Today we're talking about the WoodMart thememenu settingsPriorWoodMart 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, choose 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!