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.