Extending the application menu

In the IBM® Sterling Store Engagement application, you can replace the Sterling Store Engagement brand icon in the application menu with your custom brand icon.

Procedure

Open the store-extensions-src/styles_extn.scss file available in the workspace.

Override the icon class to replace the brand icon with your custom brand icon.

Following is a sample code for overriding the sample class:

@import './assets/store-frontend/styles/variables_extn';
@import 'glyphicons';
.side-navbar-brand-icon {
    @extend .app-icon-custom-brand;
}

Next, generate your icon font. For more information, see Adding icon fonts for a new view.