Testing the new style in the Madisons starter store

In this lesson, the new style is tested in the Madisons starter store with the Change Style wizard in WebSphere Commerce Accelerator, or the Management Center Store Management tool if Feature Pack 2 is enabled.

Procedure

  1. Select the new style option and save your changes.
    • WebSphere Commerce Version 7.0.0.0Feature Pack 1 In WebSphere Commerce Accelerator, select the new style and test the color options:
      1. Open the WebSphere Commerce Accelerator.
      2. Click Store > Change Style. The layout page is displayed.
      3. Select layout 2 and click Next. The color page is displayed.
      4. Select color1.
      5. Click Apply to save your changes.
    • Feature Pack 2Feature Pack 3 In Management Center, select the new style and test the color options:
      1. Open the Management Center Store Management tool.
      2. Select Stores > Madisons.
      3. Select the styles tab.
      4. Select the new style 2 option. A new set of color options is now available.
      5. Select the color1 option.
      6. Click Save to save your changes.
  2. Launch the store to view the store appearance.
    • WebSphere Commerce Version 7.0.0.0Feature Pack 1Click View Store. Your store page displays in a new browser window.
    • Feature Pack 2Feature Pack 3Click Launch store toolbar button icon to open and display your store page in a new browser window.

    Madisons starter store screen capture, testing the style change

  3. Close the store page.
  4. Test the new style with color2:
    • WebSphere Commerce Version 7.0.0.0Feature Pack 1 In the WebSphere Commerce Accelerator color page:
      1. Select color2.
      2. Click Apply to save your change.
      3. Click View Store. Your store page displays in a new browser window.
    • Feature Pack 2Feature Pack 3 In Management Center styles tab:
      1. Select color2.
      2. Click Save to save your change.
      3. Click Launch store toolbar button icon to open and display your store page in a new browser window.

    Madisons starter store screen capture, testing the style change with color 2

  5. Close the store page.
  6. Test the new style with color3:
    • WebSphere Commerce Version 7.0.0.0Feature Pack 1 In the WebSphere Commerce Accelerator color page:
      1. Select color3.
      2. Click Apply to save your change.
      3. Click View Store. Your store page displays in a new browser window.
    • Feature Pack 2Feature Pack 3 In the Management Center styles tab:
      1. Select color3.
      2. Click Save to save your change.
      3. Click Launch store toolbar button icon to open and display your store page in a new browser window.

    Madisons starter store screen capture, testing the style change with color3

  7. Close the store page.