Customizing the login page

You can customize the branding that appears on the Order Hub login page to reflect the specific brand name and logo of your organization.

1. Access the orderhub-code folder.
2. Customize the brand name as follows:
   1. Create a shell-ui/assets/i18n directory.
   2. Create the language-specific bundles such as en.json or fr.json.
   3. Add the following configuration to the JSON files.

      {
        "loginPage": {
          "Label_Title_orderHub": <customliteral>
        },
        "cuiTopBanner": {
          "brand": <customliteral>,
          "orderHub": <customliteral>
        }
      }

3. Customize the logo image as follows:
   1. Create a shell-ui/assets directory.
   2. Create an app-bootstrap-config.json file in the shell-ui/assets directory.
   3. Specify the path of the login image file in the app-bootstrap-config.json file.
      For example, if the login image file is placed under the shell-ui/assets folder, specify the path of the banner file name in the app-bootstrap-config.json file.

      {
          "bannerFileName": "/order-management-customization/shell-ui/assets/icon2.png"
      }

      Note: Make sure to prefix the image path with order-management-customization for the bannerFileName attribute.