Das Widget hat soeben ein Update erhalten.
- In V1.6 wird Breakpoint mit CSS angegeben, sollte somit auch in ZP14 wieder korrekt funktionieren.
- Der Schließen-Button ist jetzt aus 22 SVG-Grafiken auswählbar.
Beiträge von Mario
-
-
PS: Wie kann man dir denn mal was gutes tun ?. Gibt es irgendwo einen Spendenlink
Alles gut, das ist mein Hobby.
-
Sollte folgendermaßen funktionieren.
Einstellungen > CSS
CSS<style> .btnic { text-align: left; !important; } </style> -
Ja das geht in diesem Widget nicht anders.
Auf die "Info" neben dem Feld "Verweis" achten.
-
Eventuell das Widget "Scroll Animation 2" mit der Option "zoom-out".
Inhalte im Bildschirmbereich werden sofort oder nach einer angegebenen Wartezeit abgespielt.
-
Ja, probiere mal. Ist ungetestet.
-
Öffne im Widget-Ordner die von dir verwendete HTML-Datei mit dem Windows-Editor oder einem anderen geeigneten Texteditor.
zB: "Zoom-In_mit_Scrollfunktion.html"
- Ziemlich weit unten findest du die Zeile <div class="wzp-headerbild-zoom zpBreakout">.
- Hier das zpBreakout entfernen.
Möchtest du in der "Mobilen Ansicht" ebenfalls die Ränder hinzu fügen.
- Ein Paar Zeilen weiter unten <div class="wzp-headerbild-zoom-mobile zpBreakout">.
- Hier ebenfalls das zpBreakout entfernen.
-
Ich habe das gerade mal durchgetestet.
In ZP15 funktioniert es. In ZP kommt es dazu weil ich hier etwas eingebaut habe weil der alte "Edge" Probleme mir der CSS-Anweisung (Calc) hatte.
Ich werde das wieder umbauen, somit sollte das auch wieder in ZP14 funktionieren.
-
Das Widget kann problemlos mehrfach auf einer Seite eingesetzt werden. Ist ja HIER auch so.
Du kannst das Widget aber auch erweitern, dann wird der gleiche CSS-Code nicht mehrfach eingebunden.
In der widget.json folgenden Abschnitt entsprechend erweitern.
Code
Alles anzeigen{ "displayName": "Bild 1", "name": "bild_1", "popupButtonWidthInPixel": 120, "popupHeightInPixel": 172, "popupWidthInPixel": 300, "showLabel": false, "type": "group", "defaultValue": "", "fields": [ { "displayName": "Bild", "name": "bild-1", "type": "image-selection", "width": 200, "defaultValue": "" }, { "displayName": "Überschrift H3", "name": "h3-1", "type": "text-singleline", "width": 200, "defaultValue": "Widget" }, { "displayName": "Überschrift H4", "name": "h4-1", "treatAsSingleLine": true, "type": "text-singleline", "width": 200, "defaultValue": "Zeta Producer" }, { "displayName": "Verweis", "name": "link-1", "type": "url-selection", "width": 200, "defaultValue": "" }, { "displayName": "Text Button", "name": "linktext-1", "type": "text-singleline", "width": 200, "defaultValue": "mehr dazu" } ] }, { "displayName": "Bild 2", "name": "bild_2", "popupButtonWidthInPixel": 120, "popupHeightInPixel": 172, "popupWidthInPixel": 300, "showLabel": false, "type": "group", "defaultValue": "", "fields": [ { "displayName": "Bild", "name": "bild-2", "type": "image-selection", "width": 200, "defaultValue": "" }, { "displayName": "Überschrift H3", "name": "h3-2", "type": "text-singleline", "width": 200, "defaultValue": "Widget" }, { "displayName": "Überschrift H4", "name": "h4-2", "treatAsSingleLine": true, "type": "text-singleline", "width": 200, "defaultValue": "Zeta Producer" }, { "displayName": "Verweis", "name": "link-2", "type": "url-selection", "width": 200, "defaultValue": "" }, { "displayName": "Text Button", "name": "linktext-2", "type": "text-singleline", "width": 200, "defaultValue": "mehr dazu" } ] }, { "displayName": "Bild 3", "name": "bild_3", "popupButtonWidthInPixel": 120, "popupHeightInPixel": 172, "popupWidthInPixel": 300, "showLabel": false, "type": "group", "defaultValue": "", "fields": [ { "displayName": "Bild", "name": "bild-3", "type": "image-selection", "width": 200, "defaultValue": "" }, { "displayName": "Überschrift H3", "name": "h3-3", "type": "text-singleline", "width": 200, "defaultValue": "Widget" }, { "displayName": "Überschrift H4", "name": "h4-3", "treatAsSingleLine": true, "type": "text-singleline", "width": 200, "defaultValue": "Zeta Producer" }, { "displayName": "Verweis", "name": "link-3", "type": "url-selection", "width": 200, "defaultValue": "" }, { "displayName": "Text Button", "name": "linktext-3", "type": "text-singleline", "width": 200, "defaultValue": "mehr dazu" } ] }, { "displayName": "Bild 4", "name": "bild_4", "popupButtonWidthInPixel": 120, "popupHeightInPixel": 172, "popupWidthInPixel": 300, "showLabel": false, "type": "group", "defaultValue": "", "fields": [ { "displayName": "Bild", "name": "bild-4", "type": "image-selection", "width": 200, "defaultValue": "" }, { "displayName": "Überschrift H3", "name": "h3-4", "type": "text-singleline", "width": 200, "defaultValue": "Widget" }, { "displayName": "Überschrift H4", "name": "h4-4", "treatAsSingleLine": true, "type": "text-singleline", "width": 200, "defaultValue": "Zeta Producer" }, { "displayName": "Verweis", "name": "link-4", "type": "url-selection", "width": 200, "defaultValue": "" }, { "displayName": "Text Button", "name": "linktext-4", "type": "text-singleline", "width": 200, "defaultValue": "mehr dazu" } ] }, { "displayName": "Bild 5", "name": "bild_5", "popupButtonWidthInPixel": 120, "popupHeightInPixel": 172, "popupWidthInPixel": 300, "showLabel": false, "type": "group", "defaultValue": "", "fields": [ { "displayName": "Bild", "name": "bild-5", "type": "image-selection", "width": 200, "defaultValue": "" }, { "displayName": "Überschrift H3", "name": "h3-5", "type": "text-singleline", "width": 200, "defaultValue": "Widget" }, { "displayName": "Überschrift H4", "name": "h4-5", "treatAsSingleLine": true, "type": "text-singleline", "width": 200, "defaultValue": "Zeta Producer" }, { "displayName": "Verweis", "name": "link-5", "type": "url-selection", "width": 200, "defaultValue": "" }, { "displayName": "Text Button", "name": "linktext-5", "type": "text-singleline", "width": 200, "defaultValue": "mehr dazu" } ] }, { "displayName": "Bild 6", "name": "bild_6", "popupButtonWidthInPixel": 120, "popupHeightInPixel": 172, "popupWidthInPixel": 300, "showLabel": false, "type": "group", "defaultValue": "", "fields": [ { "displayName": "Bild", "name": "bild-6", "type": "image-selection", "width": 200, "defaultValue": "" }, { "displayName": "Überschrift H3", "name": "h3-6", "type": "text-singleline", "width": 200, "defaultValue": "Widget" }, { "displayName": "Überschrift H4", "name": "h4-6", "treatAsSingleLine": true, "type": "text-singleline", "width": 200, "defaultValue": "Zeta Producer" }, { "displayName": "Verweis", "name": "link-6", "type": "url-selection", "width": 200, "defaultValue": "" }, { "displayName": "Text Button", "name": "linktext-6", "type": "text-singleline", "width": 200, "defaultValue": "mehr dazu" } ] }, { "displayName": "Bild 7", "name": "bild_7", "popupButtonWidthInPixel": 120, "popupHeightInPixel": 172, "popupWidthInPixel": 300, "showLabel": false, "type": "group", "defaultValue": "", "fields": [ { "displayName": "Bild", "name": "bild-7", "type": "image-selection", "width": 200, "defaultValue": "" }, { "displayName": "Überschrift H3", "name": "h3-7", "type": "text-singleline", "width": 200, "defaultValue": "Widget" }, { "displayName": "Überschrift H4", "name": "h4-7", "treatAsSingleLine": true, "type": "text-singleline", "width": 200, "defaultValue": "Zeta Producer" }, { "displayName": "Verweis", "name": "link-7", "type": "url-selection", "width": 200, "defaultValue": "" }, { "displayName": "Text Button", "name": "linktext-7", "type": "text-singleline", "width": 200, "defaultValue": "mehr dazu" } ] }, { "displayName": "Bild 8", "name": "bild_8", "popupButtonWidthInPixel": 120, "popupHeightInPixel": 172, "popupWidthInPixel": 300, "showLabel": false, "type": "group", "defaultValue": "", "fields": [ { "displayName": "Bild", "name": "bild-8", "type": "image-selection", "width": 200, "defaultValue": "" }, { "displayName": "Überschrift H3", "name": "h3-8", "type": "text-singleline", "width": 200, "defaultValue": "Widget" }, { "displayName": "Überschrift H4", "name": "h4-8", "treatAsSingleLine": true, "type": "text-singleline", "width": 200, "defaultValue": "Zeta Producer" }, { "displayName": "Verweis", "name": "link-8", "type": "url-selection", "width": 200, "defaultValue": "" }, { "displayName": "Text Button", "name": "linktext-8", "type": "text-singleline", "width": 200, "defaultValue": "mehr dazu" } ] }, { "displayName": "Bild 9", "name": "bild_9", "popupButtonWidthInPixel": 120, "popupHeightInPixel": 172, "popupWidthInPixel": 300, "showLabel": false, "type": "group", "defaultValue": "", "fields": [ { "displayName": "Bild", "name": "bild-9", "type": "image-selection", "width": 200, "defaultValue": "" }, { "displayName": "Überschrift H3", "name": "h3-9", "type": "text-singleline", "width": 200, "defaultValue": "Widget" }, { "displayName": "Überschrift H4", "name": "h4-9", "treatAsSingleLine": true, "type": "text-singleline", "width": 200, "defaultValue": "Zeta Producer" }, { "displayName": "Verweis", "name": "link-9", "type": "url-selection", "width": 200, "defaultValue": "" }, { "displayName": "Text Button", "name": "linktext-9", "type": "text-singleline", "width": 200, "defaultValue": "mehr dazu" } ] },Und in den beiden HTML-Dateien in dieser Zeile for ( var i = 1; i <= 9; i++){ die 9 durch die neue Anzahl erstzen.
-
Genau so ist das Verhalten vorgesehen. LINK
Zitat von Widget ZPBei Bildschirmbreite werden mögliche Überstände des Vordergrundbildes abgeschnitten.
Bei Inhaltsbreite werden mögliche Überstände des Vordergrundbildes dargestellt.
-
Da wird wie bereits vermutet in Top Resposive der z-index anders gesetzt.
Mal schauen ob ich dazu ein Update bringe wo man diesen bestimmen kann. Ich will das Widget ja auch nicht unnötig kompliziert machen.
Du kannst das aber mit etwas CSS selbst verbessern.
Dazu musst du die Artikel-ID wissen.
Gehe im Widget auf das Mischpult unten links, dann auf Mehr > + > +
Hier steht die Artikel-ID.
Unten stehnden Code unter Einstellungen > CSS einfügen und das 0815 durch die Artikel-ID ersetzen.
CSS<style> .wzp-sticky-inhalt0815 h1, h2, h3, h4, p { z-index:-1 !important; } </style> -
Nach Öfteren durchlesen habe ich das Problem glaub ich verstanden. Konnte ich leider nicht nachvollziehen.
Ich denke mal ist ein Layout-Problem.
- Welche Version Zeta Producer?
- Welches Layout?
-
Das habe ich leider nicht verstanden. Was ist eine Titelseite?
- Bitte nochmal genau beschreiben was nicht funktioniert, wenn nicht veröffentlicht bitte mit Screenshots!
- Welche Version Zeta Producer?
- Welche Version Widget?
- Welches Layout?
-
Das Widget "Instagram Galerie" hat ein weiteres Update mit einer neueren "jQuery Version" erhalten.
-
Das Widget "Instagram Galerie" hat ein weiteres Update mit einer neueren "jQuery Version" erhalten.
-
Das Widget Sidenav Buttons Grafik ist jetzt verfügbar.
-
Jetzt wird lediglich die Sitenav von der Hauptmenüleiste überblendet.
Das kannst du über den Wert z-index einstellen.
-
Da scheint der CSS-Code durch irgend etwas blockiert zu sein. Ich habe versucht deine Seite nachzustellen, konnte den Fehler aber nicht reproduzieren.
Was passiert denn wenn du den CSS-Code direkt in die Seite einbindest?
Einstellungen > CSS:
CSS
Alles anzeigen<style> .sidenavbut a { width: 400px; position: fixed; transition: 0.4s !important; padding: 10px; text-decoration: none; border-bottom:none !important; } .sidenavbut i { margin-left: 15px; margin-right: 15px; } .sidenavbut-mob { position:fixed; left:0; bottom:0; width:100%; padding: 0; z-index:30000; } .spalten-sidenavbut-mob { float: left; text-align: center; text-decoration: none; } a.spalten-sidenavbut-mob { text-decoration: none; } </style> -
Hätte ich im Widget sicher erwähnen sollen.
Die CSS-Datei muss folgendermaßen eingebunden werden:
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
Diese Verlinkung darf nicht zwischen <style> und </style> stehen.
-
Ja das ist ein bekanntes Problem. Siehe auch HIER, HIER und HIER.
Werde ich nochmal umbauen damit das Bild in Mobile auf "Scrollend" steht.
Ich bin mir aber nicht sicher ob ich dem Nutzer die Möglichkeit geben soll selbst zu entscheiden ob das Bild in Mobile "Scrollend" oder "Fixiert" dargestellt werden soll. Oder ob ich das Bild in Mobile "Scrollend" einblende ohne das man das ändern kann.
Wie ist deine Meinung dazu?
