This topic has 3 voices, contains 6 replies, and was last updated by  TB Support 2145 days ago.

Place accent label on specific category in products menu

ThemeBurn Support › Forums › OpenCart Themes › BurnEngine › Place accent label on specific category in products menu

This topic has been marked as not resolved.

I am using menu item with Products block from Category expanding to all product categories once you hover.

I want to place an accent label like “New” for a specific product category when the menu expands.

But currently it allows only placing accent label on the top level menu, not one of the items as it expands.

-Ash
 yantrr
May 29, 2018 at 12:18 am #64444

Hi,

If I understand your problem you can see in attached image. Works in a expand menu also.

BR.
 gardenvista
May 30, 2018 at 11:57 am #64484

Hello,

I don’t see any attached image.
I still need to understand how to do it for specific items in Product category.

-Ash
 yantrr
May 30, 2018 at 3:19 pm #64485

Please clarify as asked.
-Ash
 yantrr
June 2, 2018 at 7:25 pm #64501

Hi Ash,

Unfortunately there is no such built-in feature, but you can easily insert a label with the aid of some custom CSS:

.tb_menu_category_113 > a:after {
    content: 'New';
    display: block;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    margin-left: 3px;
    padding: 0 4px;
    line-height: 14px;
    text-transform: uppercase;
    font-size: 10px;
    font-family: Arial;
    color: #fff;
    background: red;
    border-radius: 3px;
}

Please replace the number in the above example with the ID of the category you want to highlight.

BR,
ThemeBurn team
 TB Support
June 4, 2018 at 3:14 pm #64523

Hi,

How do I locate the category number?

-Ash
 yantrr
June 8, 2018 at 3:18 am #64570

Hi Ash,

Here is a screenshot with a quick explanation:

https://i.imgur.com/7ha5Ro9.png

BR,
ThemeBurn team
 TB Support
June 13, 2018 at 12:00 pm #64616
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.