Configuration

This page provides detailed information on how to configure Personalized Product Recommendations, which display associated items on the Product Detail Page (PDP).

Understanding these settings, primarily managed through the SCAYLE Panel, allows you to link products and enable the <ProductRecommendations /> slider in the Storefront.

Personalized Recommendations Setup

1. Panel Setup: The combineWith Attribute

To enable the linking of associated products, you must first define a specific product attribute group in your SCAYLE Panel:

• Create an advanced attribute group with the key combineWith.

For detailed instructions on creating this custom attribute group, please refer to the Attribute Groups Guide.

2. Linking Products in the SCAYLE Panel

Once the combineWith attribute group is created, you can link recommended products to any main product:

• Navigate to the Product page in the SCAYLE Panel.
• Go to the "Combined With" tab.
• Enter the Product IDs of the items you wish to recommend alongside the current product. You can add multiple associated IDs.

3. Frontend Component Behavior

The linked Product IDs are automatically available to the Storefront Application.

• The <ProductRecommendations /> component will display on the PDP only if at least one Product ID is specified in the combineWith attribute.
• The component automatically fetches the necessary product data (images, prices, names) for the linked IDs to display the slider.