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

View Comments

  • Hi to all, because I am genuinely keen of reading this webpage's post to
    be updated regularly. It carries good material.

Recent Posts

Revolutionizing Workouts: Breakthrough Trends in Fitness App Development for 2025

Digital fitness is booming. Millions of users worldwide are shifting from traditional gyms to mobile…

2 days ago

How SaaS-Based Magento Extensions Can Dramatically Supercharge Your Store in 2025?

Having your Magento store up and running requires more than having a good platform when…

6 days ago

Top 4 Reliable Managed IT Services in Boston to Empower Your Business

Running a business today isn’t easy. Technology problems can slow you down and leave your…

6 days ago

WooCommerce or Magento? A Business Owner’s Guide to Choosing the Best Platform in 2025

Everyone with a strong exposure to online stores and eCommerce are very aware about platforms…

7 days ago

How To Reduce Cart Abandonment And Increase Sales In Your Online Store In 2025

Have you witnessed your clients placing items into their shopping cart, only for them to…

2 weeks ago

AI vs Traditional B2B eCommerce: Top 10 Powerful Platforms Leading the Digital Transformation

In the global business arena, AI vs Traditional B2B eCommerce has altered how businesses interact,…

3 weeks ago