Magento Expert Forum - Improve your Magento experience
-
How to Add Menu Icon & Label in Magento 2 – Magento2 Mega Menu - Landofcoder
View detail->
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
https://blog.landofcoder.com/wp-cont.../addicon-2.gif
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 [/B]add icon:[/B]
Go to Fontawesome to get icon:
For example: Add icon “Shopping-bag” for submenu: Bag
https://blog.landofcoder.com/wp-cont.../iconmenu1.gif
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.
https://blog.landofcoder.com/wp-cont...addlabel-1.gif
Go to Menu you want to Add Label:
For Example:
At 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?
https://blog.landofcoder.com/wp-cont...5/frontend.gif
View more threads in the same category:
- Magento 2 GoCardless Instant Bank Pay: Streamlining Payment Collection
- WO KANN ICH FALSCHES GELD KAUFEN WhatsApp&...+4915212508422. Falschgeld kaufen in ess
- Buy Nembutal, ketamine, Oxycodone, Amphetamine, ( WhatsApp: +4915215875577 )
- Secure and Efficient Payment Processing with Magento 2 BlueSnap Gateway
- WO KANN ICH FALSCHES GELD KAUFEN WhatsApp&...+4915212508422. Falschgeld kaufen in ess
- buy a USA/UK passport online( https://legitcleandocs.com)visa, SNN, id card
- buy registered drivers license (legitcleandocs.com)IELTS, id
- Modalert 200 - Treat Your Oversleeping Issue
- Buy Passport,Driver License,Age & ID Card,(Whatsapp:.......: +1 (551) 239-2904) Visas
- Buy Passport,Driver License,Age & ID Card,(Whatsapp:.......: +1 (551) 239-2904) Visas
-
Tags for this Thread
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
Bookmarks