docs
  1. Features
  2. Product Detail Page
  3. Configuration

Configuration

This page provides detailed information on the configuration options available for various product-related features within the SCAYLE Storefront Application. Understanding these settings allows you to tailor the Storefront's behavior and features to align with your specific business requirements, primarily through the SCAYLE Panel or direct source code modifications.

Product Details

To add, remove, or modify product information on the PDP, you need to update the corresponding attributes in the SCAYLE Panel. Detailed instructions can be found in the Attribute Groups section of the Panel Guide.

Each product attribute has a type field that categorizes the product information, which in turn determines the product information accordion displayed on the PDP.

Configuring Attribute Type for PDP Product Information

When setting or modifying an attribute's type, you'll need to make some adjustments in the Storefront Application's code. Currently, the displayed types are limited to the following:

If you require additional types or need to remove existing ones, simply update this array by adding or removing the corresponding type string as defined in the Panel.

The final step involves creating an i18n key for the accordion title. This is handled dynamically, allowing the type value to retrieve the appropriate translation text. The current i18n keys are located under pdp -> information, with examples such as:

By adding a new type along with its related translation, an accordion with the corresponding title will automatically be generated on the PDP.

Recommendations

To begin using the recommendation feature, you first need to define an advanced attribute group called combineWith in your SCAYLE Panel setup. For detailed instructions on how to create this group, please refer to the guide here.

After creating the combineWith group, enter the Product IDs in the "Combined With" tab on the SCAYLE Panel’s Product page. You can add multiple IDs for recommended products on the PDP.

Product in the SCAYLE Panel

The ProductRecommendations component will display on the PDP if at least one Product ID is specified, fetching the necessary data to show the products.