Widget „Tabs / Akkordeon“ – Hover-Effekt

    Liebes ZP-Team,

    vielleicht ließe sich in einer zukünftigen Version noch ein Hover-Effekt für die Akkordeon-Ansicht einbauen.

    Bei der Tab-Ansicht ist es naheliegend, dass man die Registerkarten anklicken kann, und sich neuer Inhalt präsentiert. Bei der (geschlossenen) Akkordeon-Ansicht hingegen könnte man annehmen, dass es sich schlicht um eine tabellarische Übersicht handelt, wenn man seinen Cursor nicht beobachtet. In meinem Fall habe ich jetzt Pfeile eingefügt, um den „Link“ zu verdeutlichen. Vielleicht wäre Letzteres ebenfalls eine Anregung.

    Siehe: https://www.trpercussion.com/schlaginstrumentenverleih.html

    Die Krönung wäre noch eine individuelle Hintergrundfarbe für die Überschrift des Tabs in geöffnetem Zustand.

    Viele Grüße

    Tom

    Hallo Mario,

    vielen Dank für Deine Hinweise. Ich bewundere Dein Engagement für ZP ungemein, sei es hier im Forum oder in Form der Codeschnipsel. Ich habe auch viele Deiner Widgets heruntergeladen und testweise installiert. Letztlich bin ich aber von deren Verwendung immer wieder abgerückt, weil ich mein Layout so sauber als möglich gestalten wollte.

    Meine Sorge ist schlicht, dass sich ein zukünftiges ZP-Update einfach nicht mit einem Deiner Widgets verträgt. Die Seite funktioniert plötzlich nicht mehr wie gewünscht und S. und S. werden - völlig zurecht - sagen, dass sie Fremd-Code nicht supporten können.

    Meine Wünsche hinsichtlich des Akkordons sind ja recht bescheiden, so dass ich denke, dass sich das vielleicht sogar relativ zeitnah ohne viel Aufwand realisieren lässt.

    An dieser Stelle aber nochmals ganz, ganz herzlichen Dank für die Unterstützung, die Du jedem in diesem Forum zukommen lässt. Chapeau!

    Viele Grüße

    Tom

    Diese Sorgen teile ich, aber trotzdem kringel ich mich mal wieder vor Freude diesbezüglich was gefunden zu haben und werde es einsetzen :)

    Danke Mario :)

    VG

    Holger :)

    Stand 01.07.2026

    17.2.2 Business

    Hallo zusammen

    Zurzeit beschäftigt mich das Widget "WZP Accordion 2023 v1.0" was wirklich super funktioniert. Ein tolles Tool.

    Für ein Anliegen finde ich einfach keine Lösung und bitte euch um mögliche Unterstützung.

    Im Standard "Tabs/Akkordeon" kann man die Rahmenfarbe einstellen. Diese möglich scheint es beim "WZP Accordion 2023" nicht zugeben.

    Gibt es eine Möglichkeit die Rahmenfarbe im "WZP Accordion 2023" zu definieren, und wenn ja, wie?

    Wie ihr sehen könnt, sieht es mit durchsichtigen rahmen Optisch nicht wirklich ansprechend aus.

    Herzlichen Dank für eure Unterstützung.

    Mit freundlichem Gruss

    Roland Lehmann

    ____________________________________________________

    Zeta Producer (Express & Business)

    Version: 16.8.4

    Layout: Clean Style Responsive / Flat Responsive


    Das ist in diesem Widget eigentlich genau so angedacht. Lässt sich natürlich mit etwas CSS anpassen.

    • Navigiere zum Widget-Ordner wzp-accordion-2023 und und öffne mit einem geeigneten Text-Editor die zu verwendete HTML-Datei 1. Tab geschlossen.html oder 1. Tab geoeffnet.html.
    • Navigiere hier zur Zeile 37 und ändere headstyle += 'border-bottom: 1px solid transparent;'; in headstyle += 'border-bottom: 1px solid red;';
    • Navigiere zur Zeile 80 und ändere <div class="accordion2023<$=article.id$> js-accordion<$=article.id$>"> in <div class="accordion2023<$=article.id$> js-accordion<$=article.id$>" style="border-top:1px solid red; border-right:1px solid red; border-left:1px solid red;">.

    Bei weiteren Fragen bitte im entsprechenden Forum.

    Ich danke Dir Mario für die zeitnahe Beantwortung meiner Frage.

    Das Widget Funktioniert toll! Ihr (Du) seid Super und ich kann ZP, jedem der sich mit dem Aufbau von Webseite oder Shops beschäftigt, nur empfehlen.

    Natürlich, auch ihr kocht nur mit Wasser, doch euer (dein) Support und Engagement sind sprichwörtlich. Genug des Lobs. :)

    Mit der Übernahme meiner Änderungen in der .html Datei habe ich noch meine mühe.

    Erst wenn ich das Widget ein zweites Mal (kurz) in die Seite einfüge, speichere und gleich wieder lösche, übernimmt auch das eigentliche Widget "WZP Accordion 2023 v1.0" die Anpassungen der .html Datei korrekt. Habe ich da etwas übersehen?

    Es funktioniert ist aber etwas umständlich.

    Herzlichen Dank für deine Unterstützung.

    Mit freundlichem Gruss

    Roland Lehmann

    ____________________________________________________

    Zeta Producer (Express & Business)

    Version: 16.8.4

    Layout: Clean Style Responsive / Flat Responsive


Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden