Changing store style

Use the Change Style wizard in the WebSphere Commerce Accelerator to change the style of your store, including layout, color, and banner.

Introduced in Feature Pack 2You cannot add a banner using the Store Style notebook.

Before you begin

Back up the files in this directory:
  • For IBM i OS operating systemSolarisLinuxAIXWindowsWC_eardir/Stores.war/WEB-INF/xml/tools/stores/storedir/devtools
  • WebSphere Commerce Developerworkspace_dir\Stores\Web Content\WEB-INF\xml\tools\stores\storedir\devtools\storefront

If necessary, you can restore the directory and restart your WebSphere Commerce Server. Your storefront and WebSphere Commerce Accelerator options for store style use your original style.

Procedure

  1. Open the WebSphere Commerce Accelerator
  2. Click Store > Change Style. The Style page displays. If you do not see this menu, then your logon ID does not have the appropriate authority to perform this task. Contact your Site Administrator. The available store layouts display on this page.
  3. Select a layout the click Next.
  4. On the Color page select a color scheme and click Apply .
    To view the new color scheme in your store, click View Store. Your store opens displaying the new colors. To view the other available colors in your store, return to the Color page, select another color, and repeat. Click Next.
  5. WebSphere Commerce Version 7.0.0.0Feature Pack 1 On the Banner page select or upload a banner.
    OptionDescription
    Upload your own banner
    1. Select Use your own banner .
    2. In the Banner image field, type the file path for the banner, or click Browse and navigate to the file on your system.
    3. Click Upload .
    Select a banner The available banners display. Select a banner.
    Click Apply. To view the new banner in your store, click View Store. Your store opens displaying the new banner. To view the other available banners in your store, return to the Banner page, select another banner and repeat.
  6. Click Finish. Click OK to save your settings and return to the WebSphere Commerce Accelerator home page.
  7. If you opened the WebSphere Commerce Accelerator from the Management Center:
    1. Log out of the Management Center.
    2. Close the browser.
    3. Open a browser and log on to the Management Center.
    The changes you made are visible in the Management Center.
  8. Introduced in Feature Pack 2In Management Center create an e-Marketing Spot in the banner area of a store page and populate the e-Marketing Spot with the content you want to display in your banner.
    To view an example of how an e-Marketing Spot is used to display banner content in a store page, see the Home page in the Brazil starter store.