How to Add Menu Icon & Label in Magento 2 – Landofcoder

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:

 

1. How to Add Menu Icon Magento 2

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.

2. Add Menu Label Magento 2

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

Nhu Quynh

Recent Posts

The Ultimate Guide to Magento 2 AI Search: Transform Your B2B Product Discovery

Magento 2 AI is transforming how B2B buyers search and discover products online. Every day,…

3 days ago

WooCommerce Measurement Price Calculator: Smart Pricing Made Easy in 2025

Ever felt like your online store is losing sales just because your pricing doesn’t fit…

2 weeks ago

The Ultimate SEO Outsourcing Strategy for 2025: Scale Your Business Smarter

You’ve probably heard the phrase ‘Just outsource it’ around the business circles like a life-saving…

2 weeks ago

PrestaShop Auction Module for Better Sales and Customer Engagement 2025

Customers on the internet aren't content with static product descriptions and once-off price lists. A…

2 weeks ago

7 Powerful Benefits of DevOps for Mobile App Development Beginners Should Know

In today’s fast-paced digital landscape, delivering mobile apps that are fast, reliable, and secure is…

2 weeks ago

9 Proven Tips for a Smooth and Successful eCommerce Store Migration

Your online store is growing, but your platform isn't. That slow checkout process, those missing…

2 weeks ago