Testing your new widget in Management Center

In this lesson, you verify that the new widget can be used by the Management Center successfully.

Procedure

  1. Open the Commerce Composer tool..
  2. From the store list, select your store.
  3. From the toolbar, click the arrow on the right side of the Add newArrow Create New icon; then select Layout. The New Layout Template Selection window opens.
  4. Select Any page, single slot. Click OK.
  5. On the Manage Layout tab, enter Test in the Layout name field.
  6. In the Layout Assignments section, enter * in the Find and Add field. Click Find and Add.
    The search results that contain the list of available pages, displays in the utilities view.
  7. Drag the HelpPage page from the search results into the Pages table for your new layout.
    Your Pages table can resemble the following image:

    Layout-page assignments.
  8. Click the Design Layout tab.
  9. In the Wireframe, click slot 1. The Add Widgets to Slots window displays.
    If you copied the icon for the Content Recommendation widget to be the ShopCartDetail.png icon for your widget, your widget within the Add Widgets to Slots window can resemble the following image:

    Add Widgets to Slots window
  10. In the Add Widgets to Slots window, select your new Sample Shopping Cart Detail widget. Click OK. The information for your widget is added into the Layout slots and widgets table.
    The widget-related information in the table matches the information that your included within the CSV files that you loaded into the database. The entry for your widget within the table can resemble the following image

    Layout slots and widgets table
    If you updated your widget to add configurable properties, you can set the properties for your widget within the table.
  11. Click Save.
  12. Click Launch Store Preview. Configure the store URL with your server name.
  13. In your store, add a product to your Shopping Cart and add a product to your Shopping Cart. Go to the Help page for your store to view the Shopping Cart widget and cart contents.
    Your Help page can resemble the following image:

    Help page displaying the shopping cart widget

Results

You can use your new widget on any page that is supported within the Commerce Composer tool. In the following lessons, you define a template that you can include your widget within to compose a page layout for the Shopping Cart page.