PrestaShop Design & Navigation

PrestaShop Produktseiten-Tabs — Drag-&-Drop-Manager

Maßgeschneiderte Produktseiten-Tabs, per Drag & Drop neu geordnet.

Erstellen Sie beliebig viele Tabs auf Ihren Produktseiten, richten Sie sie global, nach Kategorie oder nach Produkt aus, füllen Sie sie mit Rich-HTML oder einer CMS-Seite und lassen Sie sie sich auf Mobilgeräten in ein Akkordeon verwandeln. Alles ohne Ihr Theme zu überschreiben.

Auf einen Blick
  • Unbegrenzte Tabs nativ auf der Produktseite eingebunden, ohne Template-Überschreibung
  • Drei Ausrichtungsbereiche pro Tab: alle Produkte, ausgewählte Kategorien oder ausgewählte Produkte
  • Inhalt Ihrer Wahl: mehrsprachiges Rich-HTML oder eine bestehende CMS-Seite in der Sprache des Besuchers
  • Neuordnung der Tabs per Drag & Drop direkt in der Back-Office-Liste
  • Automatisches mobiles Akkordeon unterhalb eines konfigurierbaren Breakpoints, darüber zerstörungsfrei
PrestaShop 8 & 9 Multishop FR/EN/ES/DE/IT Theme-unabhängig Quellcode inbegriffen
  • 30 Tage Rückgaberecht
  • 12 Monate Updates
  • 24-h-Support
www.datafirefly.com/de/
Drag-and-Drop-Manager für die Tabs der PrestaShop-Produktseite
v1.0.0 · aktualisiert 2026-07-15
Was es leistet

Die Kurzfassung.

01

Unbegrenzte Tabs, native Integration

Die Tabs werden über den offiziellen Hook für zusätzliche Produktinhalte eingebunden. Sie werden daher genau wie die nativen Tabs Ihres Themes dargestellt, ohne dass eine Template-Datei überschrieben wird.

02

Globale, Kategorie- oder Produktausrichtung

Jeder Tab wählt seinen Geltungsbereich: sichtbar auf allen Produkten, nur auf ausgewählten Kategorien oder nur auf einer Auswahl von Produkten, die nach Name, Referenz oder ID mit Chips gesucht werden.

03

HTML- oder CMS-Seiteninhalt

Verfassen Sie den Tab-Inhalt in einem mehrsprachigen Rich-Editor oder verknüpfen Sie eine bestehende CMS-Seite: Ihr Inhalt wird dann im Tab in der Sprache des Besuchers angezeigt, ohne Duplizierung.

04

Drag & Drop und mobiles Akkordeon

Ordnen Sie Ihre Tabs neu, indem Sie sie in der Admin-Liste ziehen. Unterhalb des von Ihnen festgelegten Breakpoints werden die Tabs zu einem Akkordeon mit Einzelöffnung; darüber bleiben die nativen Tabs unverändert.

Die ausführliche Fassung

Alles, was Sie wissen sollten bevor Sie installieren.

Ein detaillierter Blick darauf, wie PrestaShop Produktseiten-Tabs — Drag-&-Drop-Manager funktioniert, warum wir es so gebaut haben und der Gedanke hinter den Funktionen oben.

§ 01

Übernehmen Sie wieder die Kontrolle über die Tabs Ihrer Produktseiten

PrestaShop-Themes geben in der Regel einen festen Satz von Tabs auf der Produktseite vor. Dieses Modul gibt Ihnen die Kontrolle zurück: Erstellen Sie so viele Tabs wie nötig — Größentabelle, Pflege, Versand und Rücksendung, FAQ, Markengeschichte — füllen Sie sie mit dem Inhalt Ihrer Wahl und ordnen Sie sie mit der Maus neu. Die Tabs werden über den offiziellen Hook für zusätzliche Inhalte eingebunden, sodass sie wie native Tabs dargestellt werden, ohne dass eine Template-Datei überschrieben wird.

§ 02

Der richtige Tab, auf den richtigen Produkten

Jeder Tab wählt seinen Geltungsbereich. Ein globaler Tab erscheint auf jeder Produktseite. Ein Kategorie-Tab wird nur bei Produkten aus den in einem Kontrollkästchen-Baum ausgewählten Kategorien angezeigt. Ein Produkt-Tab richtet sich nur an eine genaue Auswahl, gesucht nach Name, Referenz oder ID und als Chips verwaltet. So können Sie einen Pflege-Tab über eine ganze Textilabteilung teilen und gleichzeitig einen technischen Tab für einige wenige Referenzen reservieren.

§ 03

Rich-HTML oder CMS-Seite, Ihre Wahl

Für jeden Tab verfassen Sie entweder HTML-Inhalt im integrierten Rich-Editor, Sprache für Sprache übersetzbar, oder Sie verknüpfen eine bestehende CMS-Seite. Im letzteren Fall wird der Inhalt der CMS-Seite direkt im Tab in der Sprache des Besuchers angezeigt: ideal, um eine bereits verfasste Rücksendungsrichtlinie oder Pflege-Charta wiederzuverwenden, ohne sie zu duplizieren.

§ 04

Ein mobiles Erlebnis, gemacht zum Lesen

Auf kleinen Bildschirmen wird eine Reihe von Tabs schnell unlesbar. Unterhalb des von Ihnen definierten Breakpoints wandelt das Modul die Tabs automatisch in ein Akkordeon mit Einzelöffnung um, mit Überschriften und Chevrons. Oberhalb dieser Schwelle bleiben die nativen Tabs unverändert angezeigt: Das Verhalten ist völlig zerstörungsfrei. Das Skript ist in Vanilla-JavaScript geschrieben, ohne jQuery-Abhängigkeit, und fällt bei Themes mit atypischem Markup sauber zurück.