Populating tabbed slots in layout templates

Some layout templates contain slots that display the page content in tabs. You can add a title to each of the tabs and then add widgets to populate the tabs. It is not necessary to use all the tabs that are included in the template. For example, if the template has three tabs, you can leave the third tab empty so that the tab is not rendered on the page.

The following are examples of templates that contain tabbed slots:



Procedure

  1. Open the Commerce Composer tool.
  2. HCL Commerce Version 9.1.16.0 or later Open Management Center tools and from the left navigation menu, click Business tools > Store Management > Commerce Composer.
  3. Start a layout that is based on a template that contains tabs.
  4. Click the Design Layout tab so that you can see the wireframe that represents the layout.
  5. To add a title to the tab:
    1. In the wireframe, click the area that is labeled Title [slot number].
      Example: Title 6

      The Add Widgets to Slots window opens and lists only the Text Editor widget.

    2. Click the Text Editor widget, and then click OK.
      The properties for the Text Editor widget are displayed.
    3. In the Display text field for the Text Editor widget, type the title to use for the tab.
      To override the default style for the tab title, you can format the text in the editor or enter HTML.
  6. Add a widget to populate the tab:
    1. In the wireframe, click the corresponding area that is labeled Tab [slot number].
      Example: Title 6

      The Add Widgets to Slots window opens.

    2. Click a widget, and then click OK.
    3. Complete the widget properties and content.
    4. You can add more widgets to the tab slot.
  7. For each additional tab that you want to populate, repeat steps 5 and 6.
  8. Preview the results in store preview.