Recommendation

Introduction

The Product Detail Page (PDP) includes a feature that allows you to specify which products are recommended or suitable to Combine with the main item. Once set, these recommendations will be prominently displayed on the PDP of that particular product for customers to view.

Combined With products are products that can be paired with the item you're viewing on the PDP, making it easy to find related items that complement your choice.

Usage

To start using the Combined With feature, you need a defined advanced attribute group called combineWith in your SCAYLE Panel setup. For information on how to create this group, see here.

Once the attribute group combineWith is created, you need to set the Product IDs as connection values to show recommended or Combined with products on the PDP. Navigate to the Combined With tab on the SCAYLE Panel's Product page, where you can enter the Product IDs in the provided input field for each recommended item you wish to display on the PDP. Multiple Product IDs can be shown on the Combine With feature.

Implementation

The ProductRecommendations component renders on the PDP if at least one product ID is specified. These IDs are passed to the component, and the component then fetches the necessary data to display the products.

html

Copy

<ProductRecommendations
  v-if="recommendedProductIds.length"
  :product-ids="recommendedProductIds"
  :title="$t('global.product_recommendation')" />