Add product master and variant indicators
Sitecore Connect for Microsoft D365 Commerce - Content Hub can synchronize products, product masters, and product variants. By default, the connector creates product variants as variants of a product master in Sitecore Content Hub.
To show which products are masters and which are variants, you need to update the product listing and product details pages with indicators.
Update the Search component on the Products page
To update the Search component on the Products page:
-
On the menu bar, click Manage.
-
On the Manage page, click Pages
-
Find and click the Products page (Home > Product >Products) and, in the MAIN ZONE, locate the Search component.
-
Click the System settings enabled switch to set it to Custom settings enabled.
-
Click the Search component to open its details page.
Create custom indicators
To create custom indicators:
-
On the Search component page, in left pane, turn on the Table toggle.
-
On the Indicators tab, click Add indicator > Custom.
-
In the Custom dialog, do the following:
-
From the Display format list, select Label.
-
For the Icon leave the default icon selected.
-
For Label, enter Product Master.
-
From the Color list, select Red.
-
From the Displayed if list, select Variant (ProductToProductVariant).
-
For Role, select Parent.
-
From the list, select is not empty.
-
Click Save.
-
-
-
Repeat step 2 to create a custom indicator for product variants and, in the Custom dialog enter the following values:
-
Display format - Label
-
Label - Product Variant
-
Color - Blue
-
From the Displayed if list, select Variant (ProductToProductVariant).
-
For the Role, select Child.
-
From the list, select is not empty.
-
-
-
Click Save and close. The new indicators are now visible on the Products page.
Update the product detail page
To update the product detail page:
-
On the menu bar, click Manage.
-
On the Manage page, click Pages.
-
In the left pane, locate the Products page and click View child page(s)
. -
In the left pane, locate the child Products page and click View child page(s)
. -
In the left pane, click the Product details tab.
-
On the Product details page, on the Layout tab, in the HEADER ZONE (LEFT), click the Indicators component.
-
Click Add indicator and select Custom indicator.
-
In the Custom indicator dialog box, enter in the following values to create the Product Master indicator:
-
Display format - Label
-
Title - Product Master
-
Color - Red
-
From the Displayed if list, select Variant (ProductToProductVariant)
-
For the Role, select Parent
-
From the list, select is not empty.
-
-
-
Click Save.
-
Repeat steps 7 and 8 to create the product variant indicator and, in the Custom indicator dialog box, enter the following values:
-
Display format - Label
-
Title - Product Variant
-
Color - Blue
-
From the Displayed if list, select Variant (ProductToProductVariant).
-
For the Role, select Child.
-
From the list, select is not empty.
-
-
-
Click Save and close. The new indicators are now available on the product detail page.