Informationen

Tabs oder aufklappbare Bereiche für die Einkaufswelten

Das Shopware 5 - Plugin "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 Produkt - 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 Tabs angezeigt werden soll
  • die Festlegung der Beschriftung des Tabs
  • die Festlegung eines Bildes oder eines Videos (HTML5, YouTube oder Vimeo) innerhalb des Tabs
  • die Auswahl der Ausrichtung des Mediums (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 Tabs
  • die Festlegung des Inhalts des Tabs über ein TINYMCE - Feld
  • die Festlegung einer Schaltfläche innerhalb des Tabs

Folgende Inhaltselemente sind beispielsweise innerhalb der Tabs möglich:

  • normaler Text
  • Bilder
  • HTML-Elemente

Hinweis: dieses Plugin ist nach dem neuen Pluginsystem ab Shopware 5.2 entwickelt worden und kompatibel mit PHP 7.

Link zur Referenz http://swdemo.sebastianschreier.de Bild Slider