Product Groups feature overview

The Product Groups feature allows product catalog managers to group products by attributes, like color or size. A typical use case is combining the same product in different colors into a product group (not to be confused with product variant). The feature changes the way shop users interact with products by improving accessibility and navigation.

Product groups on the Storefront

On the Storefront, the product group is not displayed as a group. Instead, the behavior of all the UI elements related to the products in the group changes. It affects product abstract card and Product details page.

Product abstract card:

1. Hovering over the product abstract card opens a pop-up menu with the colors of all the products included into the group.
2. Hovering over or clicking a color circle changes the abstract product image, title, rating, label, and the price.
3. Having hovered over the desired color, a shop user clicks on the product abstract card to be redirected to the Product details page of the corresponding product.

Product details page:

• Hovering over a color circle changes the abstract product image.
• Once you stop hovering over a color circle, the image changes back to the image of the product you are viewing.
• Clicking on a color circle redirects the shop user to the page of the corresponding abstract product.

Product groups in the Back Office

In the Back Office, a product catalog manager can view what product group an abstract product belongs to. See Viewing a Product to learn more.

Also, they can insert product groups into CMS pages via content widgets in the WYSIWYG editor.

Current constraints

Currently, the feature has the following functional constraints which are going to be resolved in the future:

• There is no user interface to manage product groups in the Back Office.
• Products can only be grouped by the color attribute.

Video tutorial

Check out this video tutorial on product groups:

Related Business User documents