Product Catalog in Client Portal

Introduction

Product Catalog is a way of organizing Products and displaying them to the club members. Products are combined in a tree-like structure. You are able to create a category that has a list of Products and other subcategories. The Product-sorting order is defined by the configuration applied.

• This article describes the Product Catalog functionality in the Client Portal. 
• This internal article will be helpful to the Support Agents and Implementation Success Team. 

Before you start 

Make sure the ClientPortal.ProductCatalog.IsEnabled setting has been enabled in the PGM-> Settings. 

To find the Product Catalog, go to Client Portal-> Account -> My Products -> Buy a product 

In the case below, you will not get the Product Catalog Screen visible in the Client Portal! That's because no root categories have the Client Portal visibility set up.

Make sure there are/is:

1. Root categories set up
2. Subcategories set up
3. Category visibility enabled

Feature description

When the Product Catalog feature is disabled, the standard Product screen will be displayed in the Client Portal.

There is no switch toggle to turn on the Product Catalog, i.e. the root categories don't have the Client Portal visibility like in the example before. 

• When the configuration has at least one root category and this category has 0 products defined, the Product (in this category or any sub category) 
• The Client Portal will have a Product Catalog screen with a switch toggle to show product catalog and information that we don't have any product available.

This message can be edited in this resource

• When the configuration has at least one root category and this category at least one product that is available for user:

The result of this configuration will look like this in the Client Portal:

1. Is a Category Tile - The translation are configured in PG

Is the information on how many products are in this category + how many products in subcategories. In this case, we have one product in this category 
there is a translation that can be changed (there can be more translation of polarized object, please check for current list in:
 

2. This is called a Category tile, a clickable element. 

3. an arrow that indicates you can select this category and open it (to check for product and subcategory in this category)

On this screen you can show/hide "Show catalog" switch toggle - ClientPortal.ProductCatalog.Toggle.IsVisible
 

When "Category B" is selected we will see:

This screen has only a list of products, because "Category B" had only products with no subcategories.

1. Breadcrumbs that link you to the root level of Product Catalog
2. Breadcrumbs that link you to "Category B" level
3. The name of the product
4. The price of the product
   1. A product tile has another color in that category.
      Translation of product tile is similar to the product in old Product screen
      (resource object: "/cp/components/productchooser/productchooserview.cshtml"):

      Id	Resource Object	Resource Name
      204003	/cp/areas/products/components/productcatalog/productcatalogcomponent.cshtml	ValidityInfo
      204004	/cp/areas/products/components/productcatalog/productcatalogcomponent.cshtml	Now
      204006	/cp/areas/products/components/productcatalog/productcatalogcomponent.cshtml	AtFirstUse
      204006	/cp/areas/products/components/productcatalog/productcatalogcomponent.cshtml	IncludingTax