Calling Developers!
We are reenergizing our code contribution process! Learn More

notification icon on order in navigation merchant portal

sushant.kumar ASE Posts: 6 🧑🏻‍🚀 - Cadet

How can we implement notification for navigation in merchant portal.

We have a scenario. Let say 5 new order is created so we want to show 5 in order tab in navigation.

Please suggest.


  • Salmanali Agharia
    Salmanali Agharia Software Engineer Posts: 7 🧑🏻‍🚀 - Cadet

    Hi @sushant.kumar ,

    It's not possible OOTB. You need to customize the navigation using Angular components to achieve the same in Merchant Portal


  • sushant.kumar
    sushant.kumar ASE Posts: 6 🧑🏻‍🚀 - Cadet

    Hi Team,

    I found this line in vendor/spryker/zed-ui/src/Spryker/Zed/ZedUi/Presentation/Components/app/layout-main/layout-main.component.html

    <spy-navigation [items]="navigationConfig" [collapsed]="isCollapsed"></spy-navigation>

    and after that i can not find the way from where it is converting it into navigation.

    There is one more thing i found that in path node_modules/@spryker/navigation/lib/navigation/navigation.d.ts

    I got these lines :-

    export interface NavigationComponentMethods {
    collapse(): void;
    expand(): void;
    toggle(): boolean;
    isCollapsed(): boolean;
    export interface NavigationItem {
    title: string;
    url?: string;
    icon?: string;
    isActive?: boolean;
    isDisabled?: boolean;
    subItems?: NavigationItem[];

    Is there anyone who did this type of customization. Please suggest.