Zum Inhalt springen
UX & Usability

📑Produkt-Tabs

Fasst Beschreibung, Funktionsattribute und Downloads in barrierefreien Tabs zusammen.

Kostenfreiim JTL-Extension-Store

✓ 1-Klick-Installation im Store · ✓ Eigener JTL-Partner-Support · ✓ DSGVO-konform

Das ist dabei:

  • 1-Klick-Installation über den JTL-Extension-Store
  • Ausführliche Doku (Installation & Konfiguration)
  • Support per E-Mail als offizieller JTL-Partner
  • Kostenlos – keine Abokosten, keine versteckten Gebühren
  • JTL-Shop 5 kompatibel, DSGVO-konform umgesetzt
Zur Plugin-Dokumentation

Wofür ist Produkt-Tabs?

Konsolidiert die gestapelten Blöcke Beschreibung, Spezifikationen und Downloads auf der Produktdetailseite zu einer übersichtlichen Tab-Ansicht nach WAI-ARIA-Standard. Ein Tab erscheint nur, wenn für ihn tatsächlich Inhalt vorhanden ist, und alle Inhalte stammen aus bereits gepflegten Artikeldaten — es entsteht keine zusätzliche Datenpflege. Wird kein passendes Beschreibungs-Element gefunden, ergänzt das Plugin defensiv statt Inhalte auszublenden.

Funktionsumfang

Drei automatische Tabs

Beschreibung, Spezifikationen (aus Funktionsattributen) und Downloads werden automatisch in Tabs gebündelt.

Barrierefreie Tab-Navigation

Umsetzung nach WAI-ARIA Authoring Practices mit Pfeiltasten-Navigation und roving tabindex.

Nur relevante Tabs

Ein Tab wird nur angezeigt, wenn für ihn tatsächlich Inhalt am Artikel gepflegt ist.

Defensiver Fallback

Fehlt das Beschreibungs-Element nach einem Theme-Update, ergänzt das Plugin die Tabs, ohne bestehende Inhalte zu verstecken.

Serverseitiges Escaping

Spezifikationstabelle und Download-Namen werden serverseitig escaped, Download-Links gegen eine Schema-Whitelist geprüft.

Keine eigene Datenpflege

Alle Tab-Inhalte stammen aus bereits vorhandenen Beschreibungs-, Attribut- und Download-Daten des Artikels.

Typische Einsatzgebiete

Technische Produkte

Lange Spezifikationstabellen und Downloads (Datenblätter, Anleitungen) übersichtlich neben der Beschreibung darstellen.

Lange Produktbeschreibungen

Detailseiten mit viel Text kompakter gestalten, ohne Inhalte zu kürzen.

Barrierefreiheits-Anforderungen

Shops mit BFSG-/WCAG-Anspruch erhalten eine standardkonforme Tab-Bedienung ohne eigene Entwicklung.

Technische Details

  • JTL-Shop 5.2.0 oder neuer, PHP 8.1+
  • Keine eigenen Datenbanktabellen — bündelt vorhandene Artikelinhalte
  • WAI-ARIA-konform: role="tablist", role="tab", role="tabpanel"
  • Download-Links gegen Schema-Whitelist geprüft (http, https, ftp, mailto)
  • Keine externen Dienste, keine API-Keys, keine Cron-Jobs

Häufige Fragen

Dupliziert das Plugin eine vorhandene Tab-Ansicht im Theme?

Nein. NOVA zeigt Beschreibung und Downloads normalerweise als gestapelte Blöcke, nicht als Tabs. Das Plugin konsolidiert diese Blöcke zu Tabs, statt eine bestehende Tab-UI zu verdoppeln.

Sind eigene HTML-Inhalte in der Beschreibung ein Sicherheitsrisiko?

Das Beschreibungs-HTML kommt aus dem Admin-Backend und hat dieselbe Vertrauensstufe wie das native Shop-Rendering. Spezifikationstabelle und Download-Namen werden serverseitig escaped, Download-Links gegen eine Schema-Whitelist geprüft.

Was passiert, wenn ein Artikel keine Funktionsattribute hat?

Der Spezifikationen-Tab erscheint dann einfach nicht — nur Tabs mit tatsächlichem Inhalt werden angezeigt.

Ist die Tab-Bedienung per Tastatur nutzbar?

Ja. Die Navigation folgt den WAI-ARIA Authoring Practices mit Pfeiltasten-Navigation und roving tabindex, sodass nur der aktive Tab per Tab-Taste erreichbar ist.

Was bleibt nach der Deinstallation zurück?

Nichts. Das Plugin legt keine eigenen Datenbanktabellen an — die Produktseite zeigt danach wieder die native Theme-Darstellung.

Bereit für Produkt-Tabs?

Kostenfrei im JTL-Extension-Store — 1-Klick-Installation, keine Abokosten.