As you know, Menu is very important for any store. It is the bridge to help customers navigate store categories easily and quickly. At the first customers visit, the professional and unique style will let customers remember and recognize you among tons of competitiors.
Let our Magento 2 Mega Menu Extension – Landofcoder helps you. In this Blog, we will show you How to Add Menu Icon & Label in Magento 2 ?
Watch our Video first:
Table of Contents
Login Admin Panel -> Menu Management -> Choose Menu Top – which menu you want to Add Icon -> Edit
Go to Menu Editor
Choose Menu you want to add icon:
Go to Fontawesome to get icon:
For example: Add icon “Shopping-bag” for submenu: Bag
Coppy HTML of icon ” Shopping-bag”:
<i class="fas fa-shopping-bag"></i>then paste before submenu you want. And Click “Update” – It is very important process, if not, all your editor will be lost
Follow the same steps with the same subcategories.
Normally, you want to Add Label “Hot”, “New”, “Trend”, “Special Offer” to let customers focus on at the first sight.
Go to Menu you want to Add Label:
For Example:
Sale Menu -> Add Hot! Label
<span class="cat-lable cat-lable-v2 pin-top">Hot!</span>Then Tap “Update”
Electronics with “New” Label
<span class="cat-lable cat-lable-v1 pin-top">New</span>-> Tap “Update”
After all, click “Save and continue Edit”
Finally, Please go to “System” -> “Cache Management” -> “Sellect All” -> “Submit” to Clear Cache.
Let’s see How To Display at Frontend?
This our blog already show you How To Add Menu Icon & Label in Magento 2 by Magento 2 Mega Menu Extension – Landofcoder. Follow us to get further Blog about Mega Menu and Other Extension on Landofcoder.
Magento 2 Mega Menu Tutorials
Some other extensions you maybe interested in
Related Posts
Now that the global e-commerce sector has taken off in earnest, there’s an even greater…
In the fast-moving world of digital finance, fintech has gone from a buzzword to a…
The success of eCommerce companies relies heavily on social media platforms which let them attract…
In today's highly digital world, the rivalry between companies is getting fiercer, as is their…
You know that feeling when you’re trying to book something online, and it’s a total…
The recent global e-commerce boom has made the industry an appealing arena for new entrepreneurs…
View Comments
Hi to all, because I am genuinely keen of reading this webpage's post to
be updated regularly. It carries good material.