Diese Einstellung wirkt sich nur im Textbereich auf den Abstand zwischen Text und Button aus
Vielen Dank, dann habe ich das doch halbwegs richtig verstanden.
Diese Einstellung wirkt sich nur im Textbereich auf den Abstand zwischen Text und Button aus
Vielen Dank, dann habe ich das doch halbwegs richtig verstanden.
Hi Philipp,
das ist dir super gelungen!
Habe es gerade ausprobiert und es sieht bereits sehr schön aus und die erweiterten Einstellungen sind auch sehr lobenswert!
Die Auswirkungen "Abstand Oben/Unten px" bei den Einstellungen zum Button habe ich wahrscheinlich aber noch nicht richtig verstanden, befürchte ich. Also, wann und wie genau diese Einstellung bei vorher eingestellter Postion des Button "greift".
Ich hoffe, das wirkt jetzt nicht unverschämt - es ist mir lediglich beim Ausprobieren gerade ein Nutzen aus der Praxis gekommen: Das Widget möchte ich gerne für ein "Call-to-Action" auf der Startseite eines Projekts einsetzen. Wobei ich befürchte, das ist zu kompliziert umzusetzen:
Der Auftraggeber bietet industrielle Bodensanierung (mit Bodenplatten) und Wandsanierungen (mit Hygiene-Wänden) an. Rechts im Widget soll ein kurzer "Call-to-Action"-Text sein, der zu Kontaktaufnahme auffordert, darunter ein Button.
Links davon im Wechsel eine Abbildung, die auf die jeweilige Dienstleistung hinweist, damit der Seitenbesucher weiß, dass sich die Kontaktaufforderung nicht nur auf eine der zwei Dienstleistungen bezieht.
Nachtrag: Da die Abbildungen ja nicht allzu groß und detailreich sein müssen, kommt mir gerade in den Sinn, für den "Bildwechsel" eine GIF-Datei zu benutzen, die das bewerkstelligt. Ob das eine machbare Lösung ist, muss ich noch ausprobieren. Unterstützt dein Widget denn auch GIF-Dateien?
Ok, verstehe. Aber es haben wohl auch noch weitere User den Wunsch, dass das Feature "ausgebaut" wird im ZP und daher denke ich, dass sich die ZP-Entwickler da bestimmt noch etwas einfallen lassen, denn der Vergleich zu anderen Desktop-Produkten wird immer bestehen bleiben (in jeder "Richtung" natürlich).
Ich brauche auch echt dringend Urlaub.
Sorry, hatte vollkommen vergessen, eine (ähnliche) Anfrage bereits gestellt zu haben.
Wenn sich das Widget erweitern lässt, sehr gerne. Aber ich möchte nicht "drängeln", denn du bist ja bereits an etlichen Widgets dran!
Hallo phil-web,
es kann wohl sein, dass ich hier etwas verwechsele.
Aber ich dachte, beim Widget "Header Animiert 1.1" sei es möglich gewesen, bei Bedarf einen Button (in der im Bereich "Layout" des ZP voreingestellten Farbe) unter dem (letzten) Text anzeigen zu lassen und die Hintergrundfarbe des Bereichs anzupassen, auf dem sich die Texte und der Button befinden.
Ähnlich wie auf dieser Website wollte ich das mit dem ZP nachbilden:
https://www.top-pvc.nl/
Wobei auf der hier genannten Website sogar zwei Buttons im Header platziert sind (was mitunter recht brauchbar ist).
Hallo Philipp,
das ist doch ein großer Gewinn, denke ich. Denn der Hinweis auf den Quelltext war meiner Erinnerung nach das, was seitens der Entwickler als "Einwand" aufgeführt wurde.
Wenn das Widget also genau das (bzw. sogar im Hinblick auf Uhrzeit mehr) erfüllt, was bislang nur auf eher umständlichen Weg mit dem ZP möglich ist, dann ist das ein Grund zur Freude!
In diesem Zusammenhang würde ich mir dann wünschen, solche Funktionen im ZP implementiert zu sehen - was natürlich keine "Kritik" an externen Widgets sein soll. Ich denke, du weißt, was ich damit sagen will.
Hallo Philipp,
das sieht sehr vielversprechend aus! Besten Dank!
Am 25.07. steht dann mein Kurzurlaub an. Nach meiner Rückkehr werde ich mir das dann im Detail anschauen und testen. Bin schon sehr neugierig!
Ist denn schon Weihnachten?
Herzlichen Dank Philipp! Werde ich schnellstens ausprobieren. Bin schon sehr neugierig!
ZP-Entwicklungsabteilung hat bereits zugesagt, es schon in Version 17 zu implementieren?
Hallo phil-web,
der Entwurf geht meiner Ansicht nach bereits in die richtige Richtung.
Vielleicht würde ich allerdings (in diesem Fall) "Reise nach London" über den Countdown setzen, damit das Thema bereits im Fokus liegt (Schriftgröße (oder Überschrift h3, h4) und -farbe ggf. einstellbar).
Anzeige eines Einleitungstextes evtl. abschaltbar, denn vielleicht reicht hier und da auch, wenn da nur "Mehr...", "Weitere Infos..." (oder ähnliches) steht.
Letztlich kommt es ja auch darauf an, wo man diese Anzeige platzieren möchte. Vielleicht rechts oben auf einer Startseite, neben dem ersten Textbeitrag oder "sehr prominent" (und entsprechend größer) an anderer Position auf (einer) Seite. Dies sollte durch die Einstellungen, wenn machbar, einzustellen sein.
Ist aber nur so mein Gedankengang...
Nachtrag:
Wenn ich das richtig verstanden habe, war ja geplant, die entsprechenden Daten dann aus "Veranstaltungen" zu übernehmen?
Sofern zutreffend, ist ja nicht unbedingt jeder dort aufgeführte Termin so relevant, dass man auf ihn durch einen Countdown aufmerksam machen müsste (bspw. wiederkehrende Termine, wie Gruppentreffen).
Wie lässt sich diese "Zuweisung" lösen? Oder wie ist sie bereits gelöst? Indem man gezielt das Widget "Veranstaltungen" einmal für "reguläre" (regelmäßige) Termine und einmal für "besondere" Veranstaltungen anlegt und dann entsprechend zuweist?
Hallo Tom,
ich meine das ja nicht böse und verstehe auch, was du meinst. Wenn man aber eher aus dem Bereich Design kommt, sieht man das vielleicht mehr aus diesem Blickwinkel.
Der ZP ist eine tolle Software - keine Frage!
Aber natürlich schaut man immer mal über den Tellerrand und stellt dann fest, dass andere Desktop-CMS auch Programmierern Spielräume lassen, aber dennoch "designtechnisch" bereits mehr implementiert haben, sodass auch Nicht-Programmierer das hier leicht...
...und ohne eigene Programmierung umsetzen können.
Eine Website soll natürlich nicht "an jeder Ecke" irgendeinen "Schnick-Schnack" zeigen. Aber selbst Google, das auf Performance viel Wert legt, nutzt Webdesign (darunter auch Animationen) bei den eigenen Internetpräsenzen.
Nur das "Nötigste" auf einer Webpräsenz darzustellen, ist nicht mehr zeitgemäß. Der Spruch, "das Auge isst mit" hat so gesehen auch in diesem Kontext seine Berechtigung und Auftraggeber erwarten auch, keine "langweilige" Website zu erhalten, die aussieht wie "von der Stange".
Werde aber gerne die Vorschläge und Tipps versuchen umzusetzen. Möglicherweise lerne ich ja noch ein paar Dinge hinzu, was nie schaden kann. Und hege währenddessen die Hoffnung, dass mit Version 17 des ZP wieder ein Höhepunkt geboten wird.
Wäre es sehr aufwendig, dem Widget "Text Bild Container 2" auch die Möglichkeit einzurichten, bei Bedarf einen Button anzuzeigen (wahlweise im Bereich Text oder Bild), mit Einstellungsmöglichkeit zur Ausrichtung?
Im Bereich Text wäre es ja vielleicht bereits möglich, per Code im Bereich "HTML Quelltext" zu arbeiten, aber nicht im Bereich Bild.
Hallo Phil,
auch dir vielen Dank! Genau das ist mir auch gerade in den Sinn gekommen, als ich die WZP-Widgets durchsuchte. Vielleicht funktioniert es ja auf diesem Wege.
Nochmals ein angenehmes Wochenende!
Hallo Tom,
vielen Dank für deine Mühe!
Das werde ich gerne ausprobieren, wenngleich meine Unsicherheit als Nicht-Programmierer verbleibt und ich davon ausgegangen war, dass man bei solchen Dingen nicht mehr zusätzlich mit Programmierung "eingreifen" muss, um unschöne "Überlappungen" zu verhindern.
Solche "Überlagerungen" werden ja, wie bereits erwähnt, sehr häufig bei modernen Webdesigns verwendet.
Wünsche dir (und allen anderen Foren-Mitgliedern natürlich auch) ein angenehmes Wochenende!
Hallo Philipp,
grundsätzlich gehe ich bei derartigen Problemen zunächst stets von einem Fehler meinerseits aus und versuche, die Ursache zu finden. Dass aber die beiden Ansichten im ZP selbst schon derart unterschiedlich sind, irritiert mich entsprechend. Noch mehr die Darstellung auf mobilen Endgeräten (hier einem Smartphone), nachdem die Test-Website hochgeladen wurde.
Möchte aber nicht weiter vorgreifen. Vielleicht meldet sich das ZP-Entwicklerteam ja noch zur Thematik nach dem Wochenende.
Hallo Tom,
danke sehr! Das hatte ich bereits ausprobiert und deine Beschreibung ist auch richtig. In deinem Beispiel ist allerdings neben dem Foto kein Text vorhanden. Genau das ist aber für das Webprojekt gewünscht, wie eben auch in der beispielhaften Website zu sehen (einmal links und einmal rechts vom jeweiligen Foto).
Dass das obere Foto (wie gewünscht) den Bereich mit dem grauen Hintergrund überlagert, ist mit dem ZP leicht zu bewerkstelligen. Die Darstellung genauso umzusetzen, wie in der Beispiel-Website zu sehen, gestaltet sich (für mich zumindest) bislang ein bisschen schwierig mit dem Zeta Producer, was mehrere Gründe hat.
Erstens:
Mir ist in diesem Fall nicht immer sofort ersichtlich, ob ich Änderungen bei der Darstellung im ersten Container bspw. beim Außenabstand unten oder im zweiten Container beim Außenabstand oben vornehmen muss ("entweder- oder"?).
Zweitens:
Die Voransicht im Zeta Producer unterscheidet sich erheblich von der Darstellung im Browser. Während man im ZP vermutet, es nun erfolgreich umgesetzt zu haben, ist die Ansicht im Desktop-Browser "ernüchternd" und auf einem Smartphone quasi unbrauchbar.
Was genau ich vielleicht falsch mache, habe ich leider noch nicht herausgefunden.
Die Test-Website ist unter https://hosting.zeta-producer.com/7866802063/index.html zu finden.
Voransicht im ZP:
Ansicht "Darstellungsmodus":
Die Ansicht im Desktop-Browser ähnelt eher dem "Darstellungsmodus", nicht aber dem, wie es eigentlich umgesetzt werden sollte.
Ansicht Smartphone (6,2 Zoll):
Hier überlagert nicht nur der Text des ersten Containers den zweiten Container, sondern der Button des ersten Containers überlagert die Überschrift im zweiten Container.
Bei der Original-Website (https://www.epoxydocsus.com) ist die Darstellung auch in der mobilen Browseransicht unproblematisch:
Übrigens benutze ich für dieses Projekt das Layout "Top Responsive", weil dieses umfangreichere Einstellungsmöglichkeiten bietet als die übrigen ZP-Layouts. Als Basis dient eine leere Vorlage und es wurden keine Fremd-Widgets verwendet.
Da ich das ZP-Entwicklerteam (und weitere User) erreichen möchte, werde ich meine "Problematik" auch im Entwickler-Forum aufzeigen.
Hallo,
mir fiel gerade keine wirklich gute Beschreibung dafür ein, was ich umsetzen möchte. Daher ein Screenshot vorab:
Das Foto im obigen Beispiel "überlagert" einen weißen und auch einen grauen Hintergrund. Solche "Überlagerungen" sieht man häufig bei modernen Websites und es wirkt optisch auch sehr interessant.
Mit den "Hausmitteln" des ZP habe ich versucht, dies nachzubilden, aber offenbar nicht verstanden, wie das mit der Software zu handhaben ist. Vielleicht ist es (ohne umfangreiche Programmierung mit CSS) derzeit gar nicht möglich? Ich weiß es nicht zu beurteilen, würde mir aber wünschen, es ließe sich auch für Nicht-Programmierer mit dem ZP umsetzen.
Habe auch versucht, es mit den "Darstellungseinstellungen" zu verwirklichen, die sich ja für Container, Reihen und Spalten finden:
Leider erfolglos...
Die Darstellung im ersten Screenshot erinnert mich ein wenig an das WZP-Widget "Headerbild Overlay". Dabei wird aber überlagert der Text ein Bild:
Auch ist die Darstellung dabei zentriert zum überlagerten Bild und beim zuerst gezeigten Screenshot ist ja ein Foto links, rechts daneben ein Text inkl. Button auf weißem Hintergrund und der untere Teil des Fotos überlagert in einen hellgrauen Hintergrund mit einem weiteren Text (diesmal auf der linken Seite) und einem rechts platzierten Foto.
Hier der Link zur Website, von der der erste Screenshot stammt: https://www.epoxydocsus.com
Habe ich vielleicht vor lauter Bäumen den Wald nicht gesehen und es ist doch mit dem ZP umsetzbar?
Wäre dankbar für entsprechende Tipps.
Danke Mario,
das schaut gut aus mit den Animationen und fällt positiv auf! Und ja, auf die Linien kann ich dann verzichten.
Darf ich fragen, was darüber hinaus die Unterschiede zum ZP-Widget "Linkbox" sind?
Hi phil-web,
ja ich hatte den Beitrag gelöscht, weil ich befürchtete, zu sehr ins Detail zu gehen. Das mit PHP klingt super! Wenn sich das so wirklich auf solche Weise umsetzen lässt, stellt sich für mich aber erst recht die Frage, weshalb dies nicht bereits im ZP in dieser Weise implementiert ist.
Freue mich dennoch, wenn ein solches Widget hier veröffentlicht wird!
Hallo Mario,
du hast recht, bei der mobilen Darstellung wird dies nicht funktionieren, wenn der Text unterhalb der verbundenen Grafik noch lesbar sein soll. Das hatte ich missverständlich formuliert. Für die Desktop-Ansicht ist mir allerdings auch noch keine Lösung eingefallen, wie ich die Darstellung der mit Linien "verbundenen" Grafiken mit dem ZP so hinbekomme, dass es auch mit den dazugehörigen Texten passen ist. Vielleicht lasse ich das auch sein und nutze Linkboxen dafür.