Tabs

59 Euro^*
exkl. MwSt

Organisiere HTML Inhalte oder andere Drops mit Tab Controls

Kaufen

Mit Tabs kannst du eigene Tabcontainer mit frei definierbaren HTML Inhalten in deinen Shop einfügen. Du hast dabei die volle Kontrolle über die Inhalte der Tabs, auch andere Drops können problemlos in einem Tab verlinkt werden. Und: du kannst deine Tabs auch in bestehende Tab-Controls (z.B. auf der Artikeldetailseite) integrieren.

Live-Demo Testlizenz Download Bewertungen Handbuch Support

Referenzen

Live-Demo

Referenzen

Tabs Drop be kivanta.de

Tabs Drop im Demostore

Tabs Drop in unserem Store

Live-Demo

Tabs Live-Demo

Im Einsatz
Hole dir Inspiration zum Einsatz des Tabs Drops aus unserem Blog und unserem Fiddle-Service
„Dropper Zone”.

Geschichten
Playground

Lets Drop #062 - Startseite @ ringo-living.com

Die Startseite von ringo-living.com ist mit vielen Drops gestaltet, die teils tief ineinander verschachtelt sind. Ein Wide Layout mit Tabs bricht aus Flex Layout Space aus. Die Tabs enthalten wiederrum Article Slider. Und eine News Box gibt's auch noch.

Lets Drop #039 - Kategorieseiten @ lampen1a.de

Bestimmte Kategorieseiten werden bei lampen1a.de mit Article Slider und Tab Drops sowie mit HTML-Inhalten (via Plain Drops) aufwending umgestaltet.

Lets Drop #012 - Artikelseite @ gartenallerlei.de

Auf bestimmten Detailseiten (Auswahl via Artikeleigenschaft) wird ein neues Video-Tab hinzugefügt, in dem ein passendes Aufbauvideo nebst kurzer Beschreibung verlinkt ist.

Lets Drop #010 - mobile Startseite @ drgreen.at

Um die mobile Navigation zu verbessern, werden bei drgreen.at auf der Startseite die wichtigsten Kategorie in einem Tabs Drop angeteasert. Das Drop wird dabei ausschließlich auf mobilen Geräten ausgespielt.

Lets Drop #003 - Startseite @ lumodomo.de

Auf lumodomo.de werden Article Slider via Tab Drop gruppiert. Die dynamischen Slider enthalten Produkte mit bestimmten Merkmalen oder Bestseller einer Kategorie.

Tabs auf Artikelseiten erweitern - Dropper Shorts #3

Wir zeigen euch, wie schnell und einfach ihr mit Dropper die vorhandenen Tabs auf den Artikeldetailseiten eures JTL-Shops um Texte, Bilder und Videos erweitert.

DS 07 - Article Slider + Tabs zentriert

Zentrierte Tabs mit Article Slider Drops für die Startseite.

#shorts #JTL-Shop 5

Alle Ideen ansehen

Gemacht für DropperUm das Tabs Drop nutzen zu können, benötigst du Dropper

Dropper ist das Herz eines jeden Drops und wird benötigt, um diese zentral zu verwalten und auszuführen. Anders als bei normalen Plugins, bietet Dropper dir viele weitere Vorteile und revolutioniert die Art und Weise, wie du Inhalte in deinen Shop einpflegst.

Mehr erfahren

Q&AFragen und Antworten

Tabs

Frage stellen

Externes Verlinken auf ein spezielles Tab möglich ? 2 Antworten
0 Likes • von Ralph • 1646219178
Die Tab Titel zu ändern 2 Antworten
0 Likes • von Sandra • 1531904636
javascript komprimieren? 1 Antworten
0 Likes • von Patrizia • 1502738562
HTML in Tab Titel 1 Antworten
0 Likes • von Tobias • 1646647829

Andere kaufen dazu

Article Slider

Erstelle schnell und einfach dynamische Slider mit deinen Produkten

Flex Layout

Das flexible Gridsystem für anspruchsvolle Startseiten und Landingpages

Dropper Bronze

Erstelle und verwalte zentralisiert hochwertige Inhalte in deinem JTL Shop

Powerslide

Erstelle mächtige Slider mit umfangreichen Layoutingoptionen

Accordeon

Organisiere umfangreiche Inhalte platzsparend mit Accordeon Controls

Vendor Box

Stelle deine Hersteller und Marken in Slidern oder einfachen Listen dar

Handbuch

Dokumentation
Changelog

Dokumentation

Mit dem Tabs Drop kannst du eigene Tabcontainer mit frei definierbaren Inhalten einfach und schnell in deinen Shop einfügen. Dabei hast du die Möglichkeit, HTML Formatierungen und optional auch Smarty zu verwenden. Wie das genau funktioniert, erfährst du hier.

Konfiguration

In Tab Control integrieren?

Aktiviere diese Einstellung, wenn du möchtest, dass die konfigurierten Tabs in ein bestehendes Tab-Control eingehängt werden. Beachte hierbei, dass der Einfügeselektor des Drops so angpasst werden muss, sodass er den Container deines bestehenden Tab-Controls selektiert.

Um z.B. die Tabs auf der Artikeldetailseite im Tiny-Template zu erweitern, nutze #mytabset .semtabs und Anhängen. Für das Evo-Template nutze #article-tabs als Selector und Anhängen als Einfügemethode.

CSS Klasse (optional)

Gibt dem Tab-Container zusätzliche CSS-Klassen, die du beispielsweise dazu verwenden kannst, mehrere Tab-Controls individuell zu stylen.

Tabs

Hier kannst du neue Tabs hinzufügen, löschen und umsortieren. Jeder Tab hat zudem nachfolgende Einstellungen.

Überschrift

Gibt den Namen des Tab-Reiters an.

Smarty evaluieren?

Gibt an, ob der Inhalt als Smarty-Code ausgewertet werden soll. Ist diese Option aktiv hast du Zugriff auf alle Shop- und Templatevariablen. Beachte: das Aktivieren von Smarty kann sich auf die Performance deines Shops auswirken. Bitte lies hierzu die ausführlichen Informationen in unserem Wiki!

Inhalt

Der Inhalt des Tabs als HTML-formatierter Text. Wenn du Smarty verwenden möchtest, achte darauf, dass du auch die Option Smarty evaluieren gesetzt hast.

Tipp: um andere Drops im Inhalt zu verknüpfen, ziehe diese einfach via Drag n` Drop in das HTML Control.

Changelog

1.0.15 - 03.09.2021

Designanpassungen für das NOVA-Template

1.0.14 - 30.03.2021

JTL Shop 5 Support

1.0.13 - 10.04.2020

Support für Frontend-Editing

1.0.12 - 05.03.2018

Bugfix: Ersetzen eines Tabs mit der Option "In Tab Control integrieren" hat unter Evo-Templates nicht mehr funktioniert

1.0.11 - 28.02.2018

Option In Tab Control integrieren funktioniert auch mit Dropzonen Selektoren
Tab-Integration funktioniert mit Evo Template 4.05
Inhalte, die mit der Option "Smarty evaluieren?" ausgegeben werden, werden jetzt gecached
Der interne Name eines Tabs wird jetzt durch den Reitertitel automatisch gesetzt

1.0.10 - 25.01.2018

Internes Release

1.0.9 - 27.09.2016

Bugfix (Evo): Tabs wurden in der mobilen Ansicht gerendert, auch wenn genügend Platz vorhanden war

1.0.8 - 04.08.2016

Bugfix: Eigene CSS Klasse wurde im Evo Template nicht gesetzt

1.0.7 - 01.08.2016

Bugfix: Anstellen und Vorstellen als Einfügemethode von Tabs unterstützen, wenn die Option "In Tab Control integrieren?" aktiv ist

1.0.6 - 03.03.2016

Bugfix: Bootstrap Tabs wurden nicht initialisiert wenn sie via Ajax in dem DOM geladen werden

1.0.5 - 18.02.2016

Integration in bestehende Tab Controls funktioniert jetzt auch im Evo (Bootstrap) Template

1.0.4 - 12.10.2015

Kompatibilität mit Evo Template (Shop 4, Dropper 100.9 vorrausgesetzt)

1.0.3 - 03.05.2015

Automatisches Laden von jQuery Semantictabs, falls nicht im Template vorhanden

Plan	Preis	Features
Bronze	159 Euro / Jahr	Ermöglicht die Nutzung von Drops aus unserem Store und beinhaltet zahlreiche Free Drops.
Silber	599 Euro / Jahr	Alle Funktionen von Bronze + eigene Drops erstellen & nutzen
Gold	999 Euro / Jahr	Alle Funktionen von Silber + Drop Flatrate + bevorzugter Support

Tabs

Organisiere HTML Inhalte oder andere Drops mit Tab Controls

Andere kaufen dazu

Article Slider

Flex Layout

Dropper Bronze

Powerslide

Accordeon

Vendor Box

1Dropper installieren

2Paketverwaltung

Dokumentation

Konfiguration

In Tab Control integrieren?

CSS Klasse (optional)

Tabs

Überschrift

Smarty evaluieren?

Inhalt

Changelog

SupportHilfe zum Tabs Drop

4 BewertungenDas sagen unsere Kunden zum Tabs Drop