Configure an Interface

Create a ProductInfo interface by following the steps mentioned below.

1. Navigate to Experience module, and right-click on Interfaces folder as seen in the explorer menu.

2. Select Add Interface and configure the following properties:

   Property	Value
   Screen Metadata
   Screen Name	ProductInfo
   Screen Type	Interface
   Path
   Description
   Parent Layout	Header
   Landing Page
   Dirty Check Guard	Yes
   CSS Class
   Is Active	Yes

Configure Models

Configure the following models in the ProductInfo interface.

To do so, follow the steps as mentioned below:

1. Navigate to Models folder within created ProductInfo interface.
2. Right-click and select Add, and configure the properties for each of the models.

a) availableProducts

Input values for the following properties, as applicable:

1. Name: availableProducts
2. IsArray: Yes
3. Type: Product
4. Initialize As New Object: Yes

b) selectedProducts

1. Name: selectedProducts
2. IsArray: Yes
3. Type: Product
4. Initialize As New Object: Yes

c) currentProducts

1. Name: currentProducts
2. IsArray: No
3. Type: Product
4. Initialize As New Object: Yes