HCL Commerce Version 9.1.13.0 or later

Viewing information about widgets in store preview

While viewing a layout in store preview, you can open the Widget Information window to get information about a specific widget that is used in the layout. For example, you can view the widget name, type, slot position, and property settings, and get details about the widget content. This window is useful for troubleshooting widgets if they do not display the expected information.

About this task

Note: HCL Commerce version 9.1.13.0 onwards, page information overlays have been added to the Next.js (Ruby) and ReactJS (Emerald and Sapphire) stores.

Procedure

  1. Open Management Center Tools.
  2. From the hamburger menu, select Manage Stores > Page Composer. A landing page opens which lists all the existing pages. This landing page consists of two sections, Pages and Layouts.
  3. Browse to the page that is assigned the layout that you are interested in.
  4. Launch store preview.
  5. At the top of the store preview window, click Show Page Information button. The Information Panel is displayed on the right side of the screen.
  6. The Information Panel has two tabs, one for Page and Layout and the other for Widgets. Click the icon from the store preview to view the information related to the selected widget.

    The following screen capture shows an example of the Widgets window:


    Widget Information window
  7. Click the Collapse All button to collapse the expanded properties related to widgets.
  8. Click the Expand All button to view the information related to all the properties related to widgets
  9. The Widgets window provides following information:
    • Widget name
    • Widget type
    • Summary of the widget
    • Widget Content
    • Activities assigned to the widget
      • Details of each activity assigned to the widget such as Start time and End times, Priority and any other details specific to that activity.
  10. Click on the Hide Page Information button to close the Information panel.