Hi Tom,
danke für deinen ausführlichen Bericht. Sowohl die ZP-eigene Übergangsfunktion als auch das Widget nutzen die view transitions von CSS. Diese Technologie ist noch relativ neu, funktioniert also noch nicht in allen Browsern. Vermutlich handelt es sich dabei um einen Bug des Browsers, den ich leider nicht beheben und wahrscheinlich auch nicht umgehen kann.
Wurde des Layout vielleicht kopiert? Im Quellcode steht, dass die Layoutversion von 2016 ist, da fehlen dann entsprechende Komponenten um das Widget nutzen zu können. Vielleicht hilft es, auf das Originallayout "Textile Responsive" zu wechseln.
Danke für's Melden, da hatte ich wohl beim Testen eines Updates Mist gebaut 
Ist jetzt behoben 
Hi Florian,
ist das Widget auf der veröffentlichten Seite drauf? Ich kann es nämlich im Quelltext nicht finden.
Hi Tom,
ich habe das Thema mal wiederhergestellt, ich hoffe, das ist ok.
Mit !important hast du ja schon eine Lösung gefunden, aber vielleicht ist die Ursache des Problems auch interessant:
In CSS können Eigenschaften mehrfach für ein Element festgelegt werden, wobei die letzte Anweisung alle vorherigen überschreibt (es gibt noch mehr Regeln dafür, wie das genau funktioniert, das ist hier stark vereinfacht). Wenn du z.B. folgenden Code hast:
.text {
color: red;
}
.text {
color: blue;
}werden Elemente der Klasse "text" die Schriftfarbe "Blue" bekommen, weil die Anweisung color: blue nach der Anweisung color: red kommt.
Vermutlich wird im Styling von Zeta Producer der "display"-Wert für die Navigation gesetzt, z. B. auf display: block. Wenn dein CSS nun vor dem ZP-CSS eingefügt wird, wirkt sich dieses nicht auf die Navigation aus, da es überschrieben wird.
Als Lösung kannst du nun entweder mit einem !important (oder einem spezifischeren Selektor) die sog. "Sepzifizität" erhöhen (CSS-Anweisungen können nur von Anweisungen gleicher oder höherer Spezifität überschrieben werden) oder die Reihenfolge der Anweisungen ändern. Ich würde letzteres empfehlen, da man manche Dinge teils auch nicht mit einem !important überschreiben kann.
Um dein CSS nach dem ZP-CSS mit dem Widget "CSS-Global" einzufügen, kannst du in der Datei "widget.json" den Wert bei "order" (Zeile 39) erhöhen, beispielsweise auf "10000". Dann sollte dein CSS erst nach dem von Zeta Producer in die bundle.css geschrieben werden.
Der Error kommt vom ZP eigenen Menü in dem Layout, weil kein Logo hinterlegt ist, ist der Link zur Startseite leer (was WAVE stört).
Kannst mir den Link gerne per PN schicken, dann schaue ich mal wo der Error herkommt
Hi Michael,
bei mir zeigt WAVE da kein Problem an. Hast du die V2.0 verwendet?
Sollte jetzt gefixt sein:
Update V1.0.2 vom 17.06.2025
Versionshinweise
Update installieren
Bitte befolgen Sie die Anleitung, um Widgets zu aktualisieren.
Link zum Widget: Side BTN SlideWindow
Link zum Download: https://widget-zp.de/downloads…-side-btn-slidewindow.zip
Hi Michael,
das sollte kein Problem sein, danke für's Melden!
Hi Tom,
stimmt, wenn du alle Unterseiten in der 2. Ebene fett haben willst, geht das natürlich per CSS.
Der Code sieht auch solide aus, wobei du eigentlich nicht immer einen neuen <style> Tag brauchst und gleiche Definitionen (font-weight: bold) zusammenfassen kannst:
<style>
#wzp_sideNavHm ul,
#wzp_sideNavHm ul ul { /* 1. und 2. Ebene fett */
font-weight: bold;
}
#wzp_sideNavHm ul ul ul { /* 3. Ebene normal */
font-weight: normal;
}
</style>Zwar ist das X immer noch weiter oben und weiter rechts als in 1.1.0, aber ich, und vermutlich auch alle anderen, können damit sehr gut leben.
Ja, das war auch so gedacht. Ich glaube, in der finalen 1.1.1 werde ich noch eine Option für diesen Abstand einbauen.
Mein verbleibender Wunsch wäre nur, dass ich Links der ersten und zweiten Ebene "fett" setzen kann. Derzeit löse ich das über <strong> im Seitennamen.
Ah, also unabhängig davon, ob der Besucher sich gerade auf dieser Seite befindet? Da habe ich leider auch keine bessere Lösung als <strong> Tags.
Da ich das gerade sehe, hast Du eine Idee, warum mein Logo oben in #13 zu groß und somit verzerrt ausgegeben wird?
Du meinst hier im Forum? Das ist glaube ich ein Problem der Forensoftware. Du könntest aber mal probieren, ein Bild mit der Größe 1200 x 630 Pixel zu nutzen, das ist die offizielle Empfehlung für diese Open Graph Images.
Mist, da habe ich in einer Datei die CSS-Klasse vergessen...
Probier's bitte nochmal damit:
Übrigens sollten auch Unterseiten jetzt automatisch hervorgehoben werden, das war ja glaube ich auch noch ein Wunsch von dir
Danke, ich habe das Problem glaube ich gefunden.
Probier bitte mal V1.1.2, dann gebe ich das als offizielles Update später frei
Hi Tom,
kann ich das mal online sehen? Am besten in einen Unterordern oder auf den Testserver veröffentlichen, dass die Hauptseite weiterhin normal aussieht.
Hi Tom,
ich hoffe, das Problem ist mit V1.1.1 gelöst:
Update V1.1.1 vom 13.06.2025
Versionshinweise
Update installieren
Bitte befolgen Sie die Anleitung, um Widgets zu aktualisieren.
Link zum Widget: Sliding Hauptmenü
Link zum Download: https://widget-zp.de/downloads…zp-sliding-hauptmenue.zip
Hallo Michael,
das Update wird leider noch etwas Zeit in Anspruch nehmen, da ich das Widget dafür grundlegend überarbeiten muss.
Momentan ist das eher chaotisch und nicht wirklich einfach aktualisierbar, weil es für jede mögliche Anzahl an Slides eine separate Datei gibt. Es müssten also alles Änderungen immer in 9 Dateien von Hand gemacht werden, das ist nicht wirklich praktisch.
