test melih
 melih
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • Tudx Friend
    #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?

    Tudx Friend
    #752392

    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?

    Andrew Winkler Friend
    #706295

    It 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
    #752401

    It 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.

    Tudx Friend
    #706400

    Hi @andrewwinkler

    Is this solution match up with your idea?

    Tudx Friend
    #752468

    Hi @andrewwinkler

    Is this solution match up with your idea?

    Andrew Winkler Friend
    #706914

    Something 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
    #752632

    Something 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
    #752909

    Hi @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.

    Andrew Winkler Friend
    #754639

    Perfect. That worked right away. Thank you very much.

Viewing 10 posts - 1 through 10 (of 10 total)

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.