Changing the Management Center banner logo image

You can customize Management Center to change the branding logo image that displays in the Management Center banner. For example, you can change the image to reflect your own company logo.

Before you begin

Before you customize the logo within Management Center, ensure that you have the following information:
  • The file name of your custom logo image. The image must be in PNG, JPEG, or GIF format.
  • The file location or directory of your custom logo image. The default logo image and location is workspace_dir\LOBTools\WebContent\images\commerce\shell\resources\ibm_logo.png.

    Include your logo image in the workspace_dir\LOBTools\WebContent\images\mycompany\shell\resources directory. You might need to create the mycompany directory and subdirectories, where mycompany is the name of your company.

Procedure

  1. Open WebSphere Commerce Developer and switch to the Enterprise Explorer view.
  2. Expand LOBTools > WebContent > WEB-INF > src > xml > commerce > shell.
  3. Open the ToolBannerArea.xml file for editing.
  4. Locate the following line of code, which identifies the logo image to use. 
    <Component imageSet="/images/commerce/shell/resources/ibm-logo.png" name="headerLogo" y="12.5"/>
  5. Change the value for the imageSet attribute to identify the relative path to the custom logo that you want to use in Management Center.
  6. Save and publish your changes.