HCL Commerce Version 9.1.7.0 or later

Preview Store Pages

Upon completing page creation from the Page Composer tool of the Management Center, you can click the Preview button to preview the Store page. You will get all the information related to the store and the page on this page. This document describes all the information that can be viewed on the Store Preview page.

HCL Commerce Version 9.1.9.0 or laterIf you have selected to work on a task in the Workspace Management tool, the workspace context associated with the task will be used to preview pages. Changes to the page made in the workspace context will be visible on the previewed page.
Note: Unless you have selected a task, you cannot preview any page.
HCL Commerce Version 9.1.13.0 or later
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.
HCL Commerce Version 9.1.13.0 or laterImportant: You can preview the Storefront Asset Store pages by clicking on the Preview button while viewing the page. Before launching the preview, select an e-site. A new e-site selection dialog will appear. Select the e-site from the drop-down menu.
Note: From HCL Commerce version 9.1.13.0 onwards, along with previewing settings, Management Center allows the user to view the store information related to pages, layouts, and widgets assigned to the store.

Store Preview

Preview settings

In the Preview time column, you will be shown the date and time when the store was previewed last.

You can select any view from the available list in the Select viewport.

By selecting any of these icons, you can view the screen vertically or horizontally.

Click on Share URL, and the URL gets copied, and that can be shared just by pasting it.

Click on Preview Settings, and a preview settings dialog box pop-up, as shown below:

  • You can update the existing Store URL if required.
  • You can view and update the Preview date and Preview time.
  • You can enable the button to view the Time elapse when the preview mode is on.
  • From the list of available customers, select the Customer segments.
  • Click on Apply Settings to apply the modified preview settings.

Show Page Information

See Pages and Layout information to view the information related to the pages and layouts assigned to the selected store.

See Widget information to view the information related to the widgets assigned to the selected store.