<div data-8select-widget-id="sys-psv" data-sku="42"></div>
data-sku
ist die SKU des aktuellen Artikels. Die CSE sucht basierend darauf ein Produktset welches diesen Artikel enthält. Der Wert für data-sku
muss dynamisch gesetzt werden und muss einer der im Produktexport übergebenen SKU entsprechen.
<div data-8select-widget-id="psp-psv" data-set-id="65b1169b-12a7-46a2-a9c0-6561861cbca5"></div>
data-set-id
definiert welches Produktset angezeigt werden soll. Den Wert für data-set-id
entnehmen Sie bitte der Management-Console.
Der ausgespielte Content ist spezifisch für visuelle Varianten wie zum Beispiel Farbe oder Muster. Um den Content der aktuell ausgewählten visuellen Variante abzurufen, so muss die aktuelle SKU an das Widget übergeben werden wenn die visuelle Variante gewechselt wird. Dies sollte nicht bei einem Wechsel der Größe passieren, da der Content Größenunabhängig ist.
window._8select.reinitSys('<neue-sku>')
Im Erfolgs- bzw. Fehlerfall wird window._eightselect_config.sys.callback
aufgerufen sofern eine Funktion definiert ist.
Beispiel
window._eightselect_config = window._eightselect_config || {}window._eightselect_config['sys'] = {callback: function (error, sku, widgetUuid) {if (error) {// something went wrong or no set was found for given skureturn}// everything fine and a set was found for given sku// we can show a button that let's the customer know that we have a set and allows him/her to navigate to the widget with one clickdocument.querySelector('[data-8select-widget-id=sys-psv-button]').style.display = 'block'}}