Neu Registerkarten Tab-Navigation UND Akkordeon-Menü deaktivieren

[Haxe Fett]

Hallo, es ist ja möglich, die Tab-Navigation zu deaktivieren (Einstellungsnummer: 287: Registerkarten / Tab nutzen).

Wie ist es jedoch möglich, die Akkordeon-Funktion auszuschalten, um alle Inhalte auf ganz herkömmliche Weise untereinander zu listen?

Müsste doch eigentlich möglich sein oder? Vielen Dank im Voraus für deine/ eure Hilfe.

 

[MHillmann]

Hallo,

das geht nur per Template-Anpassung. Ich weiß nicht ob du schon mal Änderungen in einem Child-Template gemacht hast, aber grob gesagt müsstest du nur (wenn du z.B. "Tabs nutzen" eingestellt hast), z. B. alle Tabs zu Cards machen:
https://gitlab.com/jtl-software/jtl...er/templates/NOVA/productdetails/tabs.tpl#L79

Viele Grüße
Michael

 

[Haxe Fett]

Hallo Michael, vielen lieben Dank für diese Info.
Ich habe zunächst alle {tab und {/tab} in {card und {/card} geändert. Dies alleine bringt leider noch nicht das gewünschte Ergebnis.
Wärst du so hilfsbereit, mir eine kleine Anleitung zur Umwandlung etwa des Haupttabs Produktbeschreibung zur Verfügung zu stellen?
Dann bekomme ich das mit deiner oder anderer Dritter Hilfe bestimmt gelöst!
Vielen Dank im Voraus und viele Grüße, Hans-Herbert

 

[MHillmann]

Dann hast du eigentlich schon fast alles gemacht. Du müsstest nur noch folgende beiden Elemente entfernen und die dazugehörigen Closing-Tags
https://gitlab.com/jtl-software/jtl...er/templates/NOVA/productdetails/tabs.tpl#L75
Also das kann weg:

<nav class="tab-navigation">
{tabs id="product-tabs"}

Dann würde ich den cards noch etwas Abstand nach unten geben. Entweder per css oder so: {card class="mb-3"

 

[Haxe Fett]

Also ich habe das versucht. Leider bleibt es dann dabei, dass das Akkordeon aktiv ist. Das Akkordeon ist aber deaktiviert, wenn ich z.B. zusätzlich lösche:

<div class="accordion mt-4 mt-lg-0" id="tabAccordion">
</div>

Allerdings werden dann die Inhalte aus anderen Tabs nicht angezeigt. Vielen Dank aber schon mal mit dem CSS-Tipp!!

 

[MHillmann]

Du kannst eigentlich auch den ganzen else zweig dieser If Abfrage entfernen und das if selbst: https://gitlab.com/jtl-software/jtl...er/templates/NOVA/productdetails/tabs.tpl#L72
Momentan ist es so, dass auf mobilen Geräten das Akkordeon genutzt wird.

 

[Haxe Fett]

Danke für den Vorschlag. Nur wenn ich diese Änderung durchführe, dann ist das Design derart "zerschossen", dass etliche CSS Änderungen notwendig würden.
Mit dem Ausklammern des divs sind die Abschnitte ja durchaus statisch und wie gewünscht. Nur ist leider nur die die Karte Produktbeschreibung ausgeklappt.
Vermutlich wäre es nach dem Stand der Dinge der beste Weg, alle Karten zu erweitern und das toggle Symbol zu entfernen?
Dazu habe ich einmal alle {collapse und {/collapse} sowie cardheader data und aria Elemnte entfernt. Das scheint grundsätzlich zu funktionieren.

 

[mastertango]

hast du ein beispiel wie das dann bei dir aussieht. Grundsätzlich würde mich das nämlich auch Interessieren