8.SET Teaser Button

Widget für die Artikeldetailseite. Zeigt ein Element an, sofern ein Produktset passend zu einer SKU vorhanden ist.
8.SET Teaser Button unter dem Produktbild platziert

Widget-Element

<div data-8select-widget-id="sys-psv-button" style="display: none;">
<button
onclick="_8select.utils.goToWidget(document.querySelectorAll('[data-8select-widget-id=sys-psv]')[0].getAttribute('data-8select-widget-uuid'), 0);"
ontouchend="_8select.utils.goToWidget(document.querySelectorAll('[data-8select-widget-id=sys-psv]')[0].getAttribute('data-8select-widget-uuid'), 0);"
type="submit"
>Passender Look</button>
</div>

Das Widget 8.SET Teaser Button weißt den Nutzer der Webseite darauf hin, dass es zum aktuell angesehenen Artikel ein passendes Produktset gibt. Der Nutzer gelangt mit einem Klick auf den Button direkt zum Produktset.

Ein beliebiges Element mit dem Attribut data-8select-widget-id="sys-psv-button" wird als 8.SET Teaser Button erkannt. Dieses Element sollte initial versteckt sein. Ist ein Produktset zum Artikel verfügbar, wird das Element automatisch eingeblendet.

API

Asynchrone Einbindung

Wird ein 8.SET Teaser Button dynamisch erzeugt bzw. asynchron geladen, so kann es passieren, dass das Widget zu spät dem DOM hinzugefügt wird. Um die Funktion des Widgets zu triggern, muss, nach dem Hinzufügen zum DOM, das JS SDK darüber informiert werden.

// failsafe if the JS SDK is not yet injected
if (typeof _8select === "undefined") {
return
}
// activate 8.SET Teaser Button widget
_8select.utils.showSysButton()