- Das kann ich von hier aus leider schwer nachvollziehen.
- Wenn du ein bereits eingefügtes Widget wieder deinstallierst (den Widget-Ordner löschst) sollten natürlich vorher im Projekt alle entsprechend eingefügten Widgets entfernt werden, inkl. der Verknüpfungen.
- Beim löschen des Widgets kann eigentlich auch nichts hängen bleiben.
- Sollten noch Widgets im Projekt vorhanden sein und das Widget nach dem entfernen neu installiert wurde sollten diese nach einem Extras > Entwickler > Änderungen übernehmen wieder korrekt angezeigt werden.
- Sollten nach dem deinstallieren eines Widgets noch entsprechende Widgets im Projekt vorhanden sein müssten diese im Spalten-Modus auffindbar sein.
Beiträge von Mario
Urlaub
Vom 13.5 - 2.6.2024 bin ich ("phil-web") im Urlaub.
Selbstverständlich können neue Themen erstellt, Probleme gemeldet oder Wünsche geäußert werden.
Während des Urlaubs werden allerdings nur dringende Probleme bearbeitet!
Vielen Dank für euer Verständnis!
-
-
Kann ich nicht sagen. Ich bin kein Mitarbeiter von ZP.
-
So etwas geht am besten mit PHP. Da bin ich aber auch nicht so fit.
Ich habe mal folgendes getestet:
PHP
Alles anzeigen<h3>Test PHP</h3> <?php $datum = date("d.m.Y"); $datumstamp=strtotime($datum); //echo $datum; //echo $datumstamp ?> <div class="test" <?php $event="26.11.2020"; if (strtotime($event)<$datumstamp) {echo 'style="display:none;"';}?>> <p><img src='https://www.zeta-producer.com/assets/zeta-producer-logo.svg' /></p> <p>Dieser Textblock soll am 27.11.2020 ausgeblendet werden.</p> </div> <?php // echo strtotime($event); ?>
CSS
Alles anzeigen<style> .test { width: 300px; margin:10% auto; background-color:#e4e4e4; padding:60px; font-family:sans-serif; } .test img { border:none !important; box-shadow:none !important; max-width:150px !important; } </style>
Dazu musst du in den Seiteneigenschaften die Dateiendung auf "php" umstellen.
Das funktioniert soweit sehr gut, ich bin mir allerdings nicht sicher ob der Code so 100prozentig Cleen ist.
-
zu1. Unter "Mobile" kann die Farbe für den Button in der Mobilen Ansicht eingestellt werden. Die steht bei dir auf #333333 und bei Hover auf Black. So wird er auch angezeigt.
zu2. Kann es sein das du da irgendwo einen "Spacer" eingefügt hast? Die werden in ZP in der "Mobilen Ansicht" ausgeblendet.
-
Hallo Peter, da bist du bei mir vermutlich an der falschen Adresse.
Poste deinen Wunsch mal hier: LINK
-
Hier mal zum testen.
Gibt jetzt einige Optionen mehr. Teste mal und berichte, dieses Widget nicht für die produktive Arbeit nutzen.
-
- Was für ein Handy ist das denn? Und welcher Browser wird verwendet?
- Ich habe HIER mal 4 Videos hochgeladen. Schreib bitte mal bei welchem was bei dir angezeigt wird.
- Mit Update wird vermutlich die 4. Variante kommen. Den Text kann man dann im Widget per Inline-CSS anpassen. Und den Pfeil ausblenden.
- Den Abstand zum Text kannst du bereits unter "Mobile Text" > "Nach Oben px" anpassen.
- Den Abstand zum darunter liegenden Artikel unter "Text" > "Abstand Unten px".
- Mit dem Button bin ich mir noch nicht sicher. Eventuell kann ich dazu noch eine 2. Variante bringen.
-
Zu 1. muss ich mal sehen ob ich das einbauen kann. Bis dahin hilft etwas CSS.
Das ganze geht natürlich auch Rechts.
Zu 2. Das habe ich nicht ganz verstanden. Wird das Video gar nicht angezeigt oder meinst du ein Bild das angezeigt wird bis das Video geladen ist?
Der Link geht leider nicht.
Ist eventuell auch ein älteres Smartphone? Was wird denn hier angezeigt? LINK
-
Da ich gerade an dem Widget war habe ich den Icons noch einen optionalen Tooltip verpasst. LINK
-
- Ich habe das Widget nochmal angepasst, die Footer-Einstellungen sollten in der "Version V1.1" die Schriftfarbe nicht mehr überschreiben.
- Die Bilder sollten alle die gleiche Größe haben, sonst sieht das immer bescheiden aus egal wie du das versuchst anzupassen.
-
Kannst du mal einen Link posten?
Ist immer interessant zu sehen wie die Widgets eingebunden sind.
-
Das Widget "Info Line" ist nun verfügbar.
-
Kommt die Tage ein neues Widget, das alte wird entfernt.
Das neue ist ähnlich, der Unterschied ist das Responsive Verhalten. Die Breite der Spalten ist einstellbar, wird der Bildschirm schmaler werden auch die Spalten schmaler. Ab einem Breakpoint wird dann auf Einspaltig umgeschaltet.
Sollte in allen Layouts funktionieren und auch im Footer.
Sieht dann so aus: LINK
-
Hallo Robert,
die Spaltenbreite kann man nicht einstellen, die ist bei 3-Spaltig 33.33%.
Vermutlich fügt das Layout noch irgendwelche Abstände hinzu und somit reichen die 33.33% nicht mehr aus.
Ich schau mal ob ich das irgendwie anpassen kann. Wird dann vermutlich ein komplett neues Widget weil ich das dann anders lösen muss.
Vorerst könntest du versuchen die Werte in der inforeihe.css anzupassen.Die Option "Bildschirmbreite" funktioniert in dem Layout auch nicht richtig, hier kannst du aber einfach Abhilfe schaffen indem du dem Widget die CSS-Klasse zpBreakout hinzufügst.
-
Dazu müssen die Bilder Quadratisch sein.
Die Einstellung "Runde Ecken" muss dann genau die Hälfte der Einstellung "Max-Breite Bild" sein.
-
Das Widget hat ein Update erhalten, "V1.6" wurde angepasst damit die Darstellung auch in den genannten Layouts funktioniert.
Für die Mobile Darstellung müssen im Widget bei diesen Layouts ein paar Einstellungen mehr vorgenommen werden.
Für dein Layout Stripe sollten folgende Einstellungen passen:
- Design > Z-Index: 2000
- Design > Abst. Oben/Unten: 10
- Mobile > Body Top: 55
- Mobile > Abst. Oben/Unten: 5
- Mobile > Mindesthöhe: 35
-
Hallo Michael,
1. Ja das Video legt sich vor die Verweise, eine Möglichkeit das zu ändern habe ich leider noch nicht gefunden.
2. Die Layouts sind unterschiedlich programmiert somit ist leider nicht immer eine Kompatibilität zu allen Layouts gesichert.
Dieses Widget hat Probleme mit: Contenporary, Modern, Panorama, Poster, Textile sowie den von dir verwendeten Stripe.
-
Ich sehe schon das wird so nichts. Lösche alles was du bisher angelegt hast.
Was du mit Rechtsklick > Quelltext geändert hast kannst du so lassen, das löscht ZP sowieso wieder.
Ich habe das Widget für dich auf 40 HotSpost erweitert und hier angehängt.
Dieses kannst du parallel zu dem anderen installieren, solltest aber nicht beide gleichzeitig in einem Projekt verwenden.
Kann sein das die Performens von ZP aufgrund der vielen Felder etwas nachlässt wenn du das Widget gerade anlegst, diesbezüglich bitte mal berichten.
-
20 Hotspots ist schon heftig, das wird sicher unübersichtlich.
In dem Code musst du eigentlich lediglich im Quelltext die Hotspots entsprechend erweitern.
Ich habe die Hotspots mal umbenannt damit du es einfacher sehen kannst was erweitert werden muss.
Einfach <!-- HotSpot01 --> bis <!-- HotSpot18 --> entsprechend erweitern
Code
Alles anzeigen<div class="HotSpotWrapper"><img src="DeinBildHierVerlinken" alt="Image Map"> <!-- HotSpot01 --> <div class="HotSpot bullet" style="top: 40%; left: 20%;"> <p><span>Reithalle</span><img src="https://www.zella.de/media/images/halle_5.jpg" alt=""> <a href="https://www.zella.de/reitbetrieb.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot02 --> <div class="HotSpot bullet" style="top: 32%; left: 50%;"> <p><span>Pferdestall</span><img src="https://www.zella.de/foto/media/images/thumbnails/album-global25-200x150.jpg" alt=""> <a href="https://www.zella.de/reitbetrieb.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot03 --> <div class="HotSpot bullet" style="top: 63%; left: 65%;"> <p style="top: -90px; left: -120px;"><span>Schwimmteich</span><img src="https://www.zella.de/media/images/schwimmteich1000-6.jpg" alt=""> <a href="https://www.zella.de/schwimmteich.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot04 --> <div class="HotSpot bullet" style="top: 57%; left: 54%;"> <p><span>Gasthof</span><img src="https://www.zella.de/media/images/thumbnails/gasthof-theke-350.jpg" alt=""> <a href="https://www.zella.de/gasthof.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot05 --> <div class="HotSpot bullet" style="top: 61%; left: 50%;"> <p><span>Biergarten<span><img src="https://www.zella.de/foto/media/images/thumbnails/album-global13-200x150.jpg" alt=""> <a href="https://www.zella.de/gasthof.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot06 --> <div class="HotSpot bullet" style="top: 71%; left: 55%;"> <p style="top: -90px; left: -20px;"><span>Spielplatz</span><img src="https://www.zella.de/media/images/thumbnails/spielplatz_1000x666-350.jpg" alt=""> <a href="https://www.zella.de/gasthof.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot07 --> <div class="HotSpot bullet" style="top: 53%; left: 20%;"> <p><span>Offenställe</span><img src="https://www.zella.de/media/images/thumbnails/reitenlinaleonie1000-300.jpg" alt=""> <a href="https://www.zella.de/reitbetrieb.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot08 --> <div class="HotSpot bullet" style="top: 23%; left: 62%;"> <p style="top: 0px; left: -120px;"><span>Nebengebäude</span><br>Zimmer<br>Ferienwohnung N1<br>Ferienwohnung N2<br>Ferienwohnung N3<br><br> <a href="https://www.zella.de/uebernachtung.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot09 --> <div class="HotSpot bullet" style="top: 55%; left: 62%;"> <p style="top: -50px; left: -80px;"><span>Hauptgebäude</span><br>Zimmer<br>Ferienwohnung H2<br>Ferienwohnung H3<br><br> <a href="https://www.zella.de/uebernachtung.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot10 --> <div class="HotSpot bullet" style="top: 68%; left: 40%;"> <p style="top: -90px; left: 0px;"><span>Streichelzoo</span><img src="https://www.zella.de/media/images/thumbnails/sreichelzoo-7-290x190.jpg" alt=""> <a href="https://www.zella.de/streichelzoo.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot11 --> <div class="HotSpot bullet" style="top: 62%; left: 41%;"> <p style="top: -90px; left: 0px;"><span>Grillkota</span><img src="https://www.zella.de/media/images/thumbnails/24-200x150.jpg" alt=""> <a href="https://www.zella.de/grillkota.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot12 --> <div class="HotSpot bullet" style="top: 79%; left: 41%;"> <p style="top: -90px; left: -50px;"><span>Bootsanleger</span><img src="https://www.zella.de/media/images/kanu7.jpg" alt=""> <a href="https://www.zella.de/kanutouren.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot13 --> <div class="HotSpot bullet" style="top: 65%; left: 82%;"> <p style="top: -110px; left: -150px;"><span>Campingplatz</span><img src="https://www.zella.de/media/images/campingplatz2.jpg" alt=""> <a href="https://www.zella.de/camping.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot14 --> <div class="HotSpot bullet" style="top: 56%; left: 79%;"> <p style="top: -120px; left: -150px;"><span>Ferienhaus</span><img src="https://www.zella.de/media/images/ferienhaus-01.jpg" alt=""> <a href="https://www.zella.de/ferienhaus.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot15 --> <div class="HotSpot bullet" style="top: 32%; left: 0.5%;"> <p><span>Bogenschießen</span><img src="https://www.zella.de/media/images/thumbnails/bogenchiessen1-350.jpg" alt=""> <a href="https://www.zella.de/bogenschiessen.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot16 --> <div class="HotSpot bullet" style="top: 55%; left: 37%; "> <p><span>Reitplatz</span><br>40m x 40m<br><br> <a href="https://www.zella.de/reitbetrieb.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot17 --> <div class="HotSpot bullet" style="top: 46%; left: 40%;"> <p><span>Longierplatz</span><br>17m x 17m<br><br> <a href="https://www.zella.de/reitbetrieb.html" title="" target="_blank">WEITER</a></p> </div> <!-- HotSpot18 --> <div class="HotSpot bullet" style="top: 85%; left: 82%;"> <p style="top: -120px; left: -150px;" ><span>Test letzter Eintrag</span><img src="https://www.zella.de/media/images/campingplatz2.jpg" alt=""> <a href="https://www.zella.de/camping.html" title="" target="_blank">WEITER</a></p> </div> </div>
-
Update ist raus, ab "V2.6" kann man den z-index selbst vorgeben.
Bei Update aus "V2.0" musst du folgendes beachten:
ZitatAb Version 2.5 wird "Font Awesome 4.7.0" verwendet da diese ab "Zeta Producer 15.4" bereits installiert ist.
War bereits eine ältere Version dieses Widgets installiert müsst ihr die Verlinkung zu der "FontAwesome5-Datei" wieder entfernen.
Um eine größtmögliche Auswahlmöglichkeit zu geben habe ich darauf verzichtet eine Auswahl zu erstellen.
Öffnet im Widget den Link, wählt das Icon aus und kopiert den dazugehörigen Code in das Feld "Icon" z.B.: "fa-address-book"
###################### ACHTUNG: #####################
In diesem Widget gab es mit dem Update V2.5 weitere Technische Neuerungen, deshalb ist ein einfaches überspielen des Updates nicht möglich.
Bitte das Update in folgender Reihenfolge einspielen:
1. Das Widget im Projekt löschen.
2. Den Widget-Ordner "wzp-sidenav-buttons-v2.0" in "C:\Users\Benutzername\Documents\Zeta Producer xx\widgets" löschen.
3. Widget Downloaden und wie gewohnt installieren.
4. Das Widget im Projekt neu anlegen.