# Additional Tabs in Produkt-Details

**URL:** <https://forum.shopware.com/t/additional-tabs-in-produkt-details/99390>\
**Category:** Shopware 6 (German)\
**Created:** [19. April 2023 um 08:11 UTC](https://forum.shopware.com/t/additional-tabs-in-produkt-details/99390 "2023-04-19T08:11:49Z")\
**Posts on this page:** 1\
**Showing post:** 10

<div class="post-metadata">

**Author:** ![openmindculture](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/openmindculture/32/8658_2.png) [@openmindculture](https://forum.shopware.com/u/openmindculture)\
**Post date:** [13. März 2024 um 12:33 UTC](https://forum.shopware.com/t/additional-tabs-in-produkt-details/99390/10 "2024-03-13T12:33:03Z")

</div>

Die Lösung schien simpel, aber leicht zu übersehen. Laut aktueller Doku soll das Attribut `data-off-canvas-tabs="true"` statt des [deprecated](https://github.com/shopware/shopware/blob/trunk/UPGRADE-6.6.md#user-content-full-list-of-selectors) `data-offcanvas-tabs="true"` verwendet werden (beachte den feinen Unterschied des einzelnen Bindestriches). Der „alte“ Core (6.5) prüft nur auf das alte, der neue (Shopware 6.6) nur auf das neue Attribut. Eine maximal abwärtskompatible Lösung müsste daher folgendermaßen aussehen:

```twig
<a
    class="nav-link product-detail-tab-navigation-link"
    data-bs-toggle="tab"
    data-off-canvas-tabs="true" {# new attribute name #}
    data-offcanvas-tabs="true" {# deprecated attribute name for backward compatibility #}

```

Update Ende März 2024: nachdem nun Shopware 6.6 offiziell released wurde, habe ich meinen Testshop aktualisiert, und siehe da: das Plugin funktioniert nicht, Tabs werden nicht angezeigt. Vermutung: es gibt noch weitere nötige Änderungen. Aber wer weiß das schon?

Bei der Suche nach weiteren Breaking Changes fand ich übrigens in der `tabs.html.twig` einen weiteren Deprecation-Hinweis für 6.7.0.: `{# @deprecated tag:v6.7.0 - File will be removed as it is no longer loaded by default. #}` mit dem Hinweis, das künftig stattdessen `cms-element-product-description-reviews.html.twig` zu verwenden ist.

Zusätzliche Herausforderung: falls wir mit JavaScript Event Handler setzen, müssen diese nicht nur im originalen DOM-Fragment funktionieren, sondern auch in der Version, die Shopware scheinbar per JavaScript im Off-Canvas rendert, vgl. [offCanvas js events](https://forum.shopware.com/t/offcanvas-js-events/68088) (seit 2020 unbeantwortete Frage) oder besser [Im eigenen Plugin Events anderer Plugins empfangen](https://forum.shopware.com/t/im-eigenen-plugin-events-anderer-plugins-empfangen/67223), ebenfalls von 2020 aber vielleicht immer noch hilfreich.

Nach Off-Canvas-Rendering können wir nicht mehr davon ausgehen, dass es unsere Elemente jeweils nur einmal git. Somit verbietet es sich, mit `document.getElementById` oder analogen Selektoren zu arbeiten. Also arbeiten wir entweder über die Plugin-Instanz oder iterieren über alles passende, was wir mit `getElementsByClassName` finden?

> P.S. Ein Fehler ist aufgetreten: Es sind nicht mehr als 3 aufeinanderfolgende Antworten erlaubt. Bitte bearbeite stattdessen deine letzte Antwort oder warte, bis dir jemand antwortet.

---

_[View the full topic](https://forum.shopware.com/t/additional-tabs-in-produkt-details/99390)._