Zum Hauptinhalt springen

Tabs oder aufklappbare Bereiche für die Einkaufswelten

Beschreibung
Die Shopware 5 - App "Tabs oder aufklappbare Bereiche für die Einkaufswelten" fügt Tabs oder aufklappbare Bereiche zu den Einkaufswelten - Elementen hinzu, die man wie gewohnt per Drag und Drop auf einer Einkaufswelt beliebig oft platzieren kann.

Innerhalb des neu erstellten Backend-Moduls "Tabs" unter dem Menüpunkt "Inhalte" können die jeweiligen Tabs erstellt und entsprechend konfiguriert werden, bei der Anzahl der erstellbaren Tabs gibt es keine Begrenzung. Derzeit können bis zu 25 Tabs aus dem neu erstellten Backend-Modul über ein Auswahlfeld beim Einkaufswelten - Element zugeordnet werden.

Beim Einkaufswelten - Element "Tab" kann man global auswählen, ob die Tabs entweder nebeneinander in Form von Tabs oder untereinander in Form von aufklappbaren Bereichen angezeigt werden sollen. Des Weiteren kann man auch das Icon zum Auf- und Zuklappen der Bereiche auswählen, also ob es ein Pfeil-nach-unten- und ein Pfeil-nach-oben-Icon oder ein Plus- und ein Minus-Icon sein soll. Ebenso ist es möglich, das aktive Tab auszuwählen (Tab 1 bis Tab 25), das beim Laden der Seite bereits geöffnet sein soll. Innerhalb der Plugin - Konfiguration kann zusätzlich ausgewählt werden, in welchen Auflösungen die Tabs von nebeneinander in untereinander automatisch umschalten sollen (so wie es auf der Artikel - Detailseite der Fall ist).

Die beste Darstellung der Tabs erfolgt aufgrund keiner festen Zeilenhöhe in dem Einkaufswelten - Modus "Zeilen", die Einkaufswelten - Modi "Resize / Skalierung" und "Fluid / Responsive" werden auch unterstützt, hier muss dabei nur die Höhe des Einkaufswelten - Elements anhand des in der Höhe am größesten Tabs festgelegt werden.

Für jeden der bis zu 25 Tabs stehen eine Vielzahl an Konfigurationsmöglichkeiten zur Verfügung:
  • die Festlegung, ob das Tab angezeigt werden soll
  • die Festlegung der Beschriftung des Tabs
  • die Festlegung eines Bildes oder eines Videos (HTML5, YouTube oder Vimeo) sowohl innerhalb des Tabbereichs oben als auch innerhalb des Tabbereichs unten
  • die Auswahl der Ausrichtung des Bildes oder Videos (links oder rechts)
  • die Auswahl der Breite des Mediumbereichs (25%, 33% oder 50%)
  • die Festlegung, ob der Text das Medium umfließen soll
  • die Festlegung einer Überschrift innerhalb des Tabbereichs oben als auch innerhalb des Tabbereichs unten
  • die Festlegung des Inhalts des Tabbereichs oben als auch des Tabbereichs unten über ein TINYMCE - Feld
  • die Festlegung einer Schaltfläche innerhalb des Tabbereichs oben als auch innerhalb des Tabbereichs unten
  • die Festlegung einen linken und eines rechten Inhalts im Tabbereich mittig

Folgende Inhaltselemente sind beispielsweise innerhalb der Tabs möglich:
  • normaler Text
  • Bilder
  • Links
  • HTML-Elemente
  • Überschriften (h1, h2, h3, h4, h5 und h6) über den optional aktivierbaren Erweiterten Editor ("Einstellungen" -> "Benutzerverwaltung" -> Benutzer auswählen -> Haken bei "Erweiterter Editor" setzen) beim TinyMCE - Feld beim Auswahlfeld "Vorlage".

Ebenso kann man über das TinyMCE - Feld beispielsweise den Inhalt zentrieren, formatieren (beispielsweise fett oder kursiv markieren oder unterstreichen) oder auch Links setzen oder die Schriftgröße festlegen.