When the connection to a HCL Commerce system and a concrete shop for a content site are configured as described in Chapter 7, Connecting with an HCL Commerce Shop via Commerce Adapter or Section 7.1, “Configuring the Commerce Adapter” the Studio Library shows the default commerce catalog. You can also configure multiple catalogs as described in Section “Configuring Multiple Catalogs”. Then you will see all configured catalogs in the library. You can browse product categories, products and marketing spots in the commerce catalog and search for products, product variants and marketing spots. After the editor has selected a preferred site with a valid store configuration the catalog view will be enabled and the catalog(s) will be shown in the Library:

Figure 10.1. Library with catalog in the tree view

In some catalogs it is possible to put a category on multiple places within the catalog tree. But the Commerce Hub ensures that a category can only have one home (a unique parent category). All additional occurrences of a category are shown as a link in the tree. If you click on such a link node you will automatically end up at the place in the tree where the category is actually at home.

Figure 10.2. Library tree with multiple occurrences of the same category

These catalog items can be accessed and assigned to various places within your content. For example, an eCommerce Product Teaser document can link to a product or product variant from the catalog. The product link field (in eCommerce Product Teaser documents) can be filled by drag and drop from the library in catalog mode.

Linking a content (like the eCommerce Product Teaser) to a catalog item leads to a link that is stored in the CMS document and references the external element. Apart from the external reference (in the case of the commerce system it is typically a persistent identifier like the product code for products) no further data will be imported (importless integration).

While browsing through the catalog tree you can also open a preview of a category or a product from the library. Simply double-click on a product in the product list or use the context menu on a product or a category and choose the entry Open in Tab from the context menu as shown in the pictures below.

Figure 10.3. Open Product in tab

Figure 10.4. Product in tab preview

Figure 10.5. Product in tab with JSON preview (HCL Commerce 9.1)

Note

For Information on how to enable the JSON preview have a look at Section 7.28, “Multiple Previews Configuration” in Studio Developer Manual.

Figure 10.6. Open Category in tab

Figure 10.7. Category in tab preview

Figure 10.8. Category in tab preview (HCL Commerce 9.1)

In addition to the ability to browse through the commerce catalog in an explorer-like view it is also possible to search for products, variants and marketing spots from catalog. Similar to the content search, if you are in the catalog mode and you type a search keyword into the search field and press Enter, the search in the commerce system will be triggered and a search result will be displayed.