-
AuthorPosts
-
October 21, 2015 at 10:08 am #706178
Hi andrewwinkler,
As I have checked all the Teline templates that available in Joomlart Demo now, but I didn’t find any that support “Hot” and “New” labels. Could you please send me any links which you saw those labels?
October 21, 2015 at 10:08 am #752392Hi andrewwinkler,
As I have checked all the Teline templates that available in Joomlart Demo now, but I didn’t find any that support “Hot” and “New” labels. Could you please send me any links which you saw those labels?
Andrew Winkler Friend
Andrew Winkler
- Join date:
- September 2014
- Posts:
- 725
- Downloads:
- 206
- Uploads:
- 31
- Thanks:
- 291
- Thanked:
- 34 times in 2 posts
October 21, 2015 at 12:11 pm #706295It was an attribute available in Teline III, not for menu options but for modules. I realise that these are two differnet things and that with T3 things are now fairly different. However, I also think that having a ‘New’ or ‘Hot’ label on a menu item is a very common need.
Andrew Winkler Friend
Andrew Winkler
- Join date:
- September 2014
- Posts:
- 725
- Downloads:
- 206
- Uploads:
- 31
- Thanks:
- 291
- Thanked:
- 34 times in 2 posts
October 21, 2015 at 12:11 pm #752401It was an attribute available in Teline III, not for menu options but for modules. I realise that these are two differnet things and that with T3 things are now fairly different. However, I also think that having a ‘New’ or ‘Hot’ label on a menu item is a very common need.
October 22, 2015 at 6:51 am #706400October 22, 2015 at 6:51 am #752468Andrew Winkler Friend
Andrew Winkler
- Join date:
- September 2014
- Posts:
- 725
- Downloads:
- 206
- Uploads:
- 31
- Thanks:
- 291
- Thanked:
- 34 times in 2 posts
October 23, 2015 at 1:43 pm #706914Something like this, yes. It’s really all about flagging that the menu item is “new” or “hot” by adding the equivalent badge to the menu option.
Andrew Winkler Friend
Andrew Winkler
- Join date:
- September 2014
- Posts:
- 725
- Downloads:
- 206
- Uploads:
- 31
- Thanks:
- 291
- Thanked:
- 34 times in 2 posts
October 23, 2015 at 1:43 pm #752632Something like this, yes. It’s really all about flagging that the menu item is “new” or “hot” by adding the equivalent badge to the menu option.
Adam M Moderator
Adam M
- Join date:
- May 2014
- Posts:
- 5159
- Downloads:
- 33
- Uploads:
- 66
- Thanks:
- 95
- Thanked:
- 1271 times in 1235 posts
October 27, 2015 at 5:14 am #752909Hi @andrewwinkler,
You can try follow these steps below :
1. Open file custom.css file then add this code :
.show-badge > a:after {
color: #fff;
font-size: 12px;
line-height: normal;
padding: 3px 5px;
position: absolute;
right: -5px;
top: -5px;
}
.hot-item > a:after {
content: "hot";
background: red;
}
.new-item > a:after {
content: "new";
background: green;
}2. Then navigate to admin >>> Extensions >>> Template Manager >>> choose default template >>> hit Megamenu button to config Megamenu.
Now in the menu item you want to apply badge, add show-badge hot-item to Extra Class field in the item you want to mark as Hot and show-badge new-item for the item you want to mark as New.
1 user says Thank You to Adam M for this useful post
Andrew Winkler Friend
Andrew Winkler
- Join date:
- September 2014
- Posts:
- 725
- Downloads:
- 206
- Uploads:
- 31
- Thanks:
- 291
- Thanked:
- 34 times in 2 posts
November 16, 2015 at 2:55 pm #754639Perfect. That worked right away. Thank you very much.
-
AuthorPosts
This topic contains 10 replies, has 3 voices, and was last updated by Andrew Winkler 9 years, 2 months ago.
The topic ‘Coloured "New" or "Hot" labels for top menu items’ is closed to new replies.
