Skip to main content

Type Alias: GetRelatedDynamicData()

GetRelatedDynamicData = (items, backgroundColor?) => Promise<RelatedItemConfiguration[]>

Function

Enhances related product items with dynamic data like images and matched configurations.

This function takes basic related product information and enriches it with visual elements and configuration details based on the current product's selected options. It generates appropriate thumbnail images and determines the best matching configuration for each related product based on compatibility mappings.

For example, if a customer has selected "Oak" finish on a table, this function will ensure the related chairs show with an "Oak" finish as well, creating a visually cohesive experience when browsing related items.

Parameters​

items​

RelatedItem[]

Raw list of related product items to enhance

backgroundColor?​

string

Optional background color for generated thumbnail images

Returns​

Promise<RelatedItemConfiguration[]>

A promise resolving to an array of enhanced related items with images and configurations

Example​

// Get related products and enhance them with dynamic data
window.mimeeqApp.actions.getRelatedProducts().then(relatedItems => {
  window.mimeeqApp.actions.getRelatedDynamicData(
    relatedItems,
    '#FFFFFF'  // White background for thumbnails
  ).then(enhancedItems => {
    // Display the enhanced items with their matched images
    displayRelatedProductCarousel(enhancedItems);
  });
});