8.SET Compose
Cross-selling through product sets - including alternative products
8.SET Compose using bar layout and alternative products

Widget-Element

Show product set by SKU or Main-SKU

<div data-8select-widget-id="8.SET-Compose" data-sku="42"></div>
  • data-sku is a dynamic attribute
The 8SELECT integration team will adjust the widget styling 🎨 to your shop design. ❤️

Update SKU in case of non-size variant change

The played out content is specific to visual variants such as colour or pattern. When the visual variant changes the widget has to be updated!
The played out content is specific to visual variants such as colour or pattern. To retrieve the content of the currently selected visual variant, the current SKU must be passed to the widget when the visual variant is changed. For example if a customer is currently viewing the red variant of a shirt and changes to the blue variant, the 8.SDK has to be informed about the changed SKU to load content for the changed visual variant. This must not happen when changing the size, as the content is size-independent.

Update SKU via API call

Currently not supported anymore.

Other options

If the widget HTML itself is removed from the DOM on variant change and just added again with the new SKU the SDK has to scan the DOM again. So please call window._8select.initCSE()
Copy link
Outline
Widget-Element
Show product set by SKU or Main-SKU