Tutorials > Customize the Consumer Direct sample store > Add a new Change Flow feature

< Previous | Next >

Add the option to enable or disable the feature to the Change Flow notebook

In this step of the tutorial, we will add a new page to the Change Flow notebook. The page will contain one check box that can be used to enable or disable the display of thumbnail images for the shopping cart items.

1. Add a new page to the Change Flow notebook, using an existing page as a basis,...

   1. Navigate to the following directory:

      • WC_eardi../images/locale/screensnap/Stores.war/WEB-INF/xml/tools/stores/ConsumerDirect/devtools/flow/ui

      • workspace_dir\Stores\Web Content\WEB-INF\xml\tools\stores\ConsumerDirect\devtools\flow\ui

   2. List the contents of the directory and observe that an XML file exists for each page of the Change Flow notebook.

   3. Locate the OrderStatus.xml file.

   4. Make a copy of the OrderStatus.xml file in the same folder and name it ShopCart.xml.

   5. Open the ShoppingCart.xml file for editing.

   6. Remove the second <option-group> entry.

   7. Change all occurrences of OrderStatusPanel to ShopCartPanel.

   8. Change the occurrence of TrackStatus to ShopCartImages.

   9. Change all occurrences of OrderStatus to ShopCartImages.

   10. Change the value of the display-priority attribute of the panel element to 7. This will position the Shop Cart tab last in the navigation frame displayed with the Change Flow notebook.

   11. Save and close the file.

2. Provide the text for the new page...

   1. Navigate to the following directory:

      • WC_eardi../images/locale/screensnap/properties/tools/stores/ConsumerDirect/devtools/flow/ui

      • workspace_di../images/locale/screensnap/wc/properties/tools/stores/ConsumerDirect/devtools/flow/ui

   2. Open the config_locale.properties file for your locale for editing and observe that a section exists for each page of the Change Flow notebook.

   3. Copy the Order Status panel section of the file to the bottom of the file and change the keys and values so that it appears...

      ############################################################
      # Shopping Cart panel
      ############################################################
      ShoppingCartPanel =Shopping Cart
      ShoppingCartPanel.title =Shopping Cart
      ShoppingCartPanel.description =Select the following check box to show thumbnail images for all items in the shopping cart
      ShoppingCartImages.checkboxEnable.description =
      ShoppingCartImages.checkboxEnable.label =Enable thumbnail images for shopping cart items
      

   4. Save and close the file.

< Previous | Next >

+

Search Tips   |   Advanced Search