Comment on page

8.SIMILAR

Show alternative products for currently viewed product.

similar shoes
Widget-Element
Show alternative products for a given SKU or Main-SKU
<div data-8select-widget-id="8.SIMILAR" data-sku="insert-sku-of-currently-viewed-product"></div>
data-sku is a dynamic attribute
its value is the SKU or Main-SKU of the product variant the customer is viewing in the shop
the SKU or Main-SKU has to be the same value that is used in the product export​
in case the viewed variant is changed, for example via a color drop-down the value has to be updated via _8select.updateWidgetSku()
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 8SELECT 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.
window._8select.updateWidgetSku('8.SIMILAR', 'your-new-sku-here')

Shop Integration - Previous

Data Privacy / Cookies / GDPR

Next - Widgets

8.SET

Last modified 1mo ago