Beiträge von aws

Hallo Evgeniya,

das klappt beim Layout „Spotlight“ problemlos! Dass das Logo im Header aktuell nicht erscheint, liegt wahrscheinlich an einer kleinen Einstellung:

Geh bitte in die Layout-Einstellungen zum Bereich „Website-Name“. Prüfe dort die Anzeige-Option: Wenn diese auf „Anstatt Logo“ steht, wird das Bild ausgeblendet. Stelle es einfach auf „Über Logo“ oder „Unter Logo“ um.

Sobald das umgestellt ist, lässt sich das Logo sauber oben links im Header platzieren und skaliert auch auf Smartphones und Tablets perfekt.

Gruß

Armin (aws)

Hallo Norbert,

vielen Dank für die Erklärung! Ich muss allerdings gestehen, dass ich mich gerade trotzdem etwas doof anstelle: Ich bin im Kontrollzentrum unter "Profil bearbeiten", aber finde es beim besten Willen nicht. Nach 12 Jahren im Forum ist das fast schon peinlich, aber ich will euch hier auch nicht weiterstrapazieren.

Christian ist jedenfalls versorgt, das Thema hat sich damit für mich erledigt und ich lass es jetzt einfach gut sein mit dem Suchen.

Schöne Grüße und euch allen einen guten Start in die Woche!

Armin

Hallo Norbert,

danke für den Hinweis! Um ehrlich zu sein, weisse ich nicht, wo man im Profil eine Konversationen startet – da nehme ich gerne mehr Info dazu entgegen.

Ich habe Christian bereits direkt per Mail kontaktiert und ihm zwei kompakte Code-Varianten geschickt (eine minimalistische und eine mit einem leichten Schiebe-Effekt), mit denen das im Quelltext-Widget perfekt und super einfach klappt.

Beste Grüße und dir auch ein schönes restliches Wochenende!

Armin

Hallo Christian.

Soweit ich weiß gibt es keine PN hier im Forum. Wenn doch sag mir Bescheid. Email Austausch ist im Forum nicht gerne gesehen. Meine Webseite sollte ich auch nicht reinschreiben um nicht in den Verdacht einer Werbung zu kommen. OK

suche meine Webseite Armin Winkler. Die findest du sofort. Da kannst du mich dann kontaktieren. Ich sende dann umgehend den Code

Beste Grüße

Armin

Hallo Christian,

ElaSch hat dir ja schon das Autoflip-Widget von widget-zp.de empfohlen (kein offizielles Zeta-Producer-Widget). Ich nutze die Widgets auch gerne, aber meines Wissens schaltet das nur automatisch um und verlinkt nicht.

Für deinen Wunsch (Mouse-Over, verlinkt, weicher Übergang) habe ich das bei mir über ein kleines HTML-Element gelöst. Schreib mir einfach kurz, dann lasse ich dir das Snippet gerne zukommen.

Grüße

Armin

Hallo,

Wenn dir der Header auf dem Smartphone zu groß erscheint, gibt es eine einfache Lösung:
Probier doch einfach mal das Widget-Slider anstelle des Header-Widgets aus.

Gruß

Armin (aws)

Hallo Stefan,

super, danke für die schnelle Rückmeldung und das Fixen!

Als technisch Interessierter: Mögen Sie verraten, was am Ende die genaue Ursache war und wie Sie es gelöst haben?

Gruß

Armin (aws)

Hallo Volker,

SocketException 10054 bedeutet schlicht: Der Server kappt die TLS-Verbindung mitten im Upload. Da deine kleineren Projekte klappen, läuft das große Projekt auf dem neuen Server sehr wahrscheinlich in ein Timeout (wegen der Dateimenge oder Transferdauer).

Nur als kleiner Hinweis bzw. Denkanstoß zur Fehlersuche – ich bin mir nicht zu 100 % sicher, ob das die direkte Lösung ist, aber vielleicht hilft es dir beim Eingrenzen (Backup vorher machen):

1. Assets verringern: Nimm testweise mal einen Schwung Bilder/Ordner aus dem Projekt. Klappt es dann, liegt es am Gesamtvolumen bzw. Server-Timeout.
2. Übertragungsmodus anpassen: Stell unter Veröffentlichen -> Erweitert den Übertragungsmodus von „Automatisch“ fest auf „Passiv“. Das zwingt den PC (statt den Server) dazu, alle Verbindungen aufzubauen, was Blockaden durch Firewalls oder Router verhindert.
3. Passiv-Optionen testen: Falls das nicht reicht, probiere dort die Haken bei „Erweiterten Passiv-Modus verwenden/erzwingen“ oder „Passiv-Modus-Adresse ignorieren“ aus. Das hilft, wenn der Server bei verschlüsselten Verbindungen eine falsche interne IP übermittelt oder Verbindungen zu schnell trennt.

Gruß

Armin (aws)

Hallo Stefan,

danke für die Erklärung. Ich kann die Sicht vom Support und das Thema Mehraufwand natürlich nachvollziehen.

Trotzdem nimmt das mit der Vorab-Prüfung bei aktiven Usern extrem die Dynamik raus. Wenn man spontan im Forum antworten möchte, ist das einfach sehr zäh und fühlt sich ehrlich gesagt auch wie eine Abstufung an.

Ich dachte eigentlich, dass ich mich an die Regeln und die Netiquette halte und stets freundlich sowie hilfsbereit unterwegs bin. Ich bitte Sie daher, die Moderationssperre bei meinem Account wieder aufzuheben. Falls aus Ihrer Sicht doch mal eine Lösung nicht optimal sein sollte, sagen Sie mir einfach kurz Bescheid – dann passe ich das direkt an.

Danke und viele Grüße

Armin

Halo Stefan,

Zeta Producer V17.2.5 Business
Windows 11 Pro Version 10.0.26200 Build 26200
Prozessor AMD Ryzen 7 6800H with Radeon Graphics, 3201 MHz, 8 Kern(e), 16 logische(r) Prozessor(en)

Gruß

Armin

Hallo,

ich habe bei fast jedem Projekt das Problem, dass beim Öffnen direkt dieser Fehler auftaucht und die Live-Ansicht blockiert:

Zitat

Fehler beim Erstellen der Seite Zu lange auf Threadpool-Leerlauf gewartet (2 Sekunden).

Was mir aufgefallen ist: Der Fehler passiert direkt beim Laden des Projekts. Wenn ich danach manuell eine bestimmte Seite im Projekt anklicke, funktioniert es aber und die Seite(n) werden geöffnet.

Habt ihr einen Tipp, woran das liegen könnte und wie man das abstellen kann?

Gruß

Armin

Hallo zusammen

gibt es hierzu irgendwelche Updates ?

Grüße

Armin

Hallo zusammen,

hier ein CSS-Code, der das Logo mobil auf die Topline skaliert und nach rechts schiebt:

/* Greift nur in der mobilen Ansicht (ab der definierten Zeta-Schwelle) */
media screen and (max-width: #val(mobileView)px) {

/* Styling für das eigentliche Logobild */
#logo img {
height: 45px; /* Feste Höhe: etwas kleiner als die 55px Topline für etwas Luft */
width: auto; /* Berechnet die Breite automatisch – verhindert das Verzerrung */
max-width: 100%; /* Verhindert, dass das Bild über den Bildschirm hinausragt */
object-fit: contain; /* Behält das Seitenverhältnis sauber bei */
float: right; /* Schiebt das Logo direkt an den rechten Rand */
}

}

Das ganze liegt hier bei height:45px; in Kombination mit width: auto; und object-fit: contain;. Dadurch rechnet der Browser die Breite anhand des ursprünglichen Seitenverhältnisses selbst aus. Das Logo bleibt im Rahmen der Topline und verzerrt nicht mehr. Durch text-align: right; beim übergeordneten #logo rutscht es zudem wie gewünscht nach rechts.

Gruß

Armin (aws)

Hallo Stefan,

ich schreibe Ihnen direkt hier im Ticket, weil ich ehrlich gesagt ratlos bin.

Das ist jetzt schon das zweite Mal, dass ich auf "In Moderation" gesetzt wurde. Ich wollte dem User nur helfen – er hat explizit gefragt, ob jemand eine Lösung mit CSS/HTML oder einem anderen Widget hat. Genau dazu habe ich einen passenden Vorschlag gepostet, der technisch auch tadellos funktioniert.

Ich bin hier im Forum wirklich sehr gerne aktiv und helfe weiter (wenn ich kann), aber solche Sperren verunsichern mich total. Wenn an meinem Beitrag irgendwas nicht gepasst hat oder ich gegen eine Regel verstoßen habe, sagen Sie mir das bitte einfach kurz.

Es wäre klasse, wenn Sie mich wieder aus der Vorab-Prüfung nehmen könnten, damit ich hier ganz normal mitmischen kann.

Danke und beste Grüße

Armin

schau dir den Code an, packe ihn auf der Startseite in ein Zeta Quelltext Widget!

Gruß

Armin

Hallo zusammen,

ich hänge gerade an der Farbauswahl fest. Ich möchte mit dem Pipetten-Werkzeug eine Farbe direkt vom Bildschirm abgreifen, aber das klappt leider nicht mehr.

Sobald ich auf das kleine Pipetten-Symbol klicke, bricht die Funktion sofort ab und es erscheint nur der Hinweis:

„Bildschirm-Pipette abgebrochen.“

• Zeta Producer: Version 17.2.5 Business
• Layout: Stripe responsive

Hat jemand eine Idee, woran das liegen könnte oder wie ich das wieder ans Laufen bekomme?
Grüße

Armin

Eben getestet. Problemlos die Schriftart Amatic SC übernommen

Gruß

Armin (aws)

Hallo Support-Team,

kurze Rückfrage zu meinem Ticket: Nach dem Update auf Zeta Producer 172.5 besteht das Problem mit der fehlenden CSS-Klasse im Formular wohl immer noch, d.h. die Korrektur ist in dieser Version noch nicht mit aufgenommen.

Zusätzlich ist mir beim Formular-Widget noch etwas aufgefallen:

Wenn ich unter Erweitert -> Vorlagen die E-Mail-Vorlage anpassen möchte, bleibt das Editor-Fenster komplett leer (siehe Bild). Früher war dort immer der Standardtext samt den Platzhaltern hinterlegt, sodass man ihn direkt bearbeiten konnte.

Das Eigenartige ist: Beim Absenden des Formulars auf der Website kommt die E-Mail im Standardformat ganz normal an. Der Code ist im Hintergrund also da, wird mir im Editor aber nicht angezeigt. Dadurch kann ich aktuell leider nichts anpassen oder abändern.

Könnt ihr kurz Rückmeldung geben, wie der Stand zur CSS-Klasse ist und warum die Vorlage im Editor nicht geladen wird?

Grüße

Armin (aws)

Hallo,

das liegt daran, dass die WZP-Widgets keine offiziellen Module von Zeta Producer sind. Das sind private Zusatz-Entwicklungen aus der Community von Mario Groß und Philip.

Bei größeren System-Updates wie auf Version 17 ändert sich unter der Haube oft die Skript-Struktur. Weil es Drittanbieter-Erweiterungen sind, gibt es leider keine Garantie, dass alle alten WZP-Widgets mit ZP 17 nahtlos weiterlaufen. Aus demselben Grund hilft da auch der offizielle Zeta-Support nicht weiter, da fremde Erweiterungen nicht abgedeckt werden.

Am besten schaust du direkt im Forum vorbei oder schreibst Mario bzw. Philip an – eventuell gibt es für die betroffenen Widgets schon angepasste Versionen.

Viele Grüße

Armin

Hallo Walter,

habe eine mail gesendet.

Grüße

Armin

Hallo,

ich denke das kommt von deinem Hoster und nicht von Zeta.

Einige Provider kopieren automatisch eine eigene robots.txt auf den Server, wenn da vom Webdesigner nichts eigenes abgelegt wurde (seitdem das Thema KI-Scraper so hochkocht, haben viele Hoster ihre Standard-Vorlagen angepasst). Der GPTBot (also das reine KI-Training) wird geblockt, aber die ChatGPT-Suchbots lassen sie durch, damit die Seite in den KI-Suchen auffindbar bleibt.

Zeta schickt beim normalen Export nicht automatisch eine robots.txt mit, daher greift genau dieser Standard-Skript vom Hoster.

Erstelle dir einfach kurz eine eigene robots.txt und schieb sie per FTP direkt in den Hauptordner (root). Sobald deine Datei dort liegt gilt deine Version.

Wenn du kurz nachschauen willst, wie man die aufbaut, schau einfach mal hier rein (Link direkt auch in Zeta abrufbar):

https://de.wikipedia.org/wiki/Robots_Exclusion_Standard

Grüße

Armin (aws)

Hallo Andreas

ja genau. Aber ich finde diese Option gar nicht

Gruß

Armin

Hallo zusammen,

ich bin gerade dabei, ein Formular-Widget anzupassen. In Zeta Producer 16 gab es unten rechts beim Formular noch den Button „Mehr“, über den man ein Fenster für eigene CSS-Klassen und Inline-CSS öffnen konnte (siehe Screenshot).

In der aktuellen Version 17 finde ich diesen Punkt bzw. den Schalter im Moment nicht mehr. Gibt es diese Option an anderer Stelle noch, oder wie löst man die individuelle CSS-Anpassung für einzelne Formularfelder in v17 am besten?

Übersehe ich gerade was?

Für einen kurzen Hinweis wäre ich dankbar!

Viele Grüße

Armin (aws)

Hallo Stefan,

danke für die Aufklärung und fürs Verschieben!

Falls das damals nach KI oder Werbung aussah, war das keine Absicht. Ich nutze KI zwar ab und zu als Werkzeug, um bei Fragen gute Lösungen zu finden oder Antworten zu strukturieren, passe das Ganze aber natürlich immer selbst an. Mir ging / geht es nur um die Hilfestellung.

Danke fürs Klarstellen, damit ist das Thema für mich auch abgehakt!

Viele Grüße

Armin

Hallo Stefan,

danke Ihnen für die schnelle Rückmeldung!

Den Link kann ich leider nicht mehr raussuchen, da der Beitrag damals direkt gesperrt und mein Account deaktiviert wurde. Ich habe deshalb selbst keinen Zugriff mehr darauf.

Kurz zum Hintergrund, wie es dazu kam: Ein Schweizer Mitglied hatte eine Frage gestellt. Ich hatte ihm geantwortet und beim Ansehen seiner Seite bemerkt, dass dort Impressum und Datenschutzerklärung fehlten (was ja auch in der Schweiz Pflicht ist). Um ihm zu zeigen, wie das auf einer Live-Seite aussieht, hatte ich als Beispiel meine eigene Website verlinkt.

Mir geht es auch gar nicht darum, das alte Thema wieder aufzuwärmen, sondern einfach nur darum, es für die Zukunft richtig zu machen:

• Links in der Signatur scheinen ja in Ordnung zu sein – gilt das generell, während Links im Beitragstext eher kritisch gesehen werden?
• Wo zieht ihr genau die Grenze zwischen einem gut gemeinten Beispiel-Link als Hilfestellung und unzulässiger Eigenwerbung?

Ich bin wirklich super gerne im Forum aktiv und möchte mich einfach nur an die Regeln halten.

Viele Grüße

Armin (aws)

Hallo Zeta Support-Team,

ich würde dieses Ticket gerne kurz nutzen, um eine allgemeine Frage zu den Foren-Regeln zu stellen, da ich Missverständnisse vermeiden möchte.

Ich bin unglaublich gerne und regelmäßig im Forum unterwegs, um mich auszutauschen und wenn möglich auch anderen zu helfen. Vor einer Weile hatte ich die Situation, dass mein Account gesperrt wurde, weil ich einem Nutzer zur Veranschaulichung meine eigene Website im Text verlinkt hatte (ein einziges mal), was als Eigenwerbung gewertet wurde. Nach Nachfrage wurde ich wieder freigeschaltet.

Nun sehe ich u.a. hier im Ticket, dass bei Herrn Barth seine Website ([https://www.barth-celle.de](https://www.barth-celle.de)) in der Signatur verlinkt ist. Um mich in Zukunft einfach absolut regelkonform zu verhalten, wollte ich kurz nachfragen:

• Sind Links zur eigenen Website in der Signatur erlaubt, im eigentlichen Beitragstext jedoch grundsätzlich nicht?
• Wann zählt ein Beispiel-Link als Hilfestellung und ab wann als unzulässige Werbung?
• Gibt es eine Übersicht der Foren-Regeln, an der ich mich orientieren kann?

Mir geht es wirklich nur darum, die Vorgaben richtig zu verstehen, damit ich mich weiterhin problemlos in der Community einbringen kann. Ehrlich gesagt hat mich die damalige Deaktivierung immer mal wieder beschäftigt. Ich nutze dieses Ticket jetzt einfach, um die Regeln für mich besser zu verstehen und das Thema gedanklich abzuschließen.

Vielen Dank für eure kurze Aufklärung!

Viele Grüße

Hallo Frau Dr. Weber,

ich habe Ihren Beitrag hier im Forum gesehen und helfe Ihnen bei der Überarbeitung Ihrer Praxis-Website sehr gerne weiter!

Ich arbeite seit vielen Jahren intensiv mit Zeta Producer. Erst kürzlich habe ich u.a. ein komplettes Projekt einer Zahnarzt-Website umgesetzt – die besonderen Anforderungen an einen modernen, vertrauenerweckenden Praxis-Auftritt kenne ich daher bestens.

Das biete ich Ihnen für das Projekt:

• Gestalterisches Gespür: Ein frischer, professioneller Look, der genau zu Ihrer Facharztpraxis passt.
• Sauberes Responsive Design: Perfekte Darstellung auf allen Endgeräten (Smartphone, Tablet, Desktop – hoch wie quer).
• SEO & Barrierearmut: Gute Auffindbarkeit bei Google und barrierearme Umsetzung nach aktuellen Standards.
• Alles aus einer Hand: Technisch wie gestalterisch komplett abgedeckt.

Ich habe Ihnen soeben eine E-Mail mit weiteren Infos und Referenzen meiner bisherigen Projekte zukommen gelassen.

Ich freue mich auf den Austausch mit Ihnen!

Beste Grüße aus Waldbronn (bei Karlsruhe)

Armin Winkler

Hallo Steffen,

vielen Dank für die Klarstellung, euren SUPER Support und die Erläuterung der Best Practices.

Freundliche Grüße
Armin (aws)

Hallo Steffen,

vielen Dank für den entscheidenden Tipp!

Das Attribut noindex war tatsächlich die Ursache. Da bin ich nicht drauf gekommen. Nachdem ich das korrigiert habe, funktioniert die Suche wie gewünscht.

Bezüglich des eigenen Codes: Ich programmiere seit den 90ern und baue individuelles HTML/CSS am liebsten direkt ein. Ich nutze dafür das Text-Widget, weil ich so den Code im Griff habe und gleichzeitig die visuelle Vorschau im Editor nutzen kann. Im Quelltexteditor bin ich auf der reinen Code Ebene

Vielen Dank für die Unterstützung!

Freundliche Grüße

Armin (aws)

Hallo Steffen,

ich habe eine komplette Veröffentlichung durchgeführt und die Seite per Strg+F5 neu geladen. Das Ergebnis bleibt leider gleich: Es werden nur Inhalte der Suchseite gefunden.

Da sich das Projekt aktuell in der Relaunch-Phase befindet, liegt die Website testweise auf einer Subdomain.

Hier die gewünschten Daten:

• Website: https://www.tanja.awinkler-website.de
• Suchbegriff: Beratung
• Seiten mit diesem Begriff: Leistungen, Friseur, Kosmetik

Wäre super wenn Ihr prüfen könntet warum der Suchindex beim Generieren auf der Subdomain die anderen Unterseiten nicht erfasst.

Freundliche Grüße

Armin (aws)

Hallo Zeta-Support,

ich habe ein neues Projekt mit dem Layout Stripe Responsive (Zeta Producer V17.2.3 Business) angelegt. Dabei habe ich ein Problem mit der Suchfunktion:

Bei der Eingabe eines Suchbegriffs werden keine seitenübergreifenden Ergebnisse mehr gefunden. Die Suche zeigt mir lediglich den Text an, der direkt auf der aktuellen Seite "Suche" liegt. Bisher wurden in meinen Projekten immer alle Seiten durchsucht und die Ergebnisse untereinander aufgelistet.

Details zur Einbindung:

• Die Suche wird über einen Link im Footer aufgerufen, der auf die Unterseite "Suche.html" führt.
• Widget-Einstellung: Der Parameter Darstellung steht auf Suche ((Ich habe es auch versucht mit suche.php und Parameter suche php)

Wie bekomme ich es hin, dass wieder das gesamte Webprojekt durchsucht wird und die Treffer aller Seiten auf der Suchseite erscheinen?

Danke vorab
Gruss
Armin (aws)

Hallo! Da habe ich dich komplett missverstanden – ich dachte, du meintest die große Willkommens-Überschrift ('Herzlich Willkommen auf Figuren-Katalog.de').

Dir geht es um den "Webnamen" und Webslogan".

Du kannst mal folgenden CSS-Code eingeben (globalen CSS-Bereich), damit sich Name und Slogan automatisch anpassen:

/* Responsive Anpassung für Webname und Slogan im Header */
#webtext {
max-width: 100% !important;
box-sizing: border-box !important;
word-break: break-word !important;
}

#webname a {
font-size: clamp(16px, 4.5vw, 24px) !important;
line-height: 1.2 !important;
display: inline-block !important;
}

#slogan {
font-size: clamp(12px, 3vw, 16px) !important;
line-height: 1.3 !important;
}

Der CSS-Code sorgt dafür, dass sich der Webname und der Slogan im Header auf Smartphones automatisch und fließend verkleinern (über clamp()), anstatt über den Bildschirm hinauszuragen. Zudem bricht er lange Wörter bei Platzmangel sauber um (word-break).

Gruß

Armin (aws)

Du hast fix die Schriftgröße 30px eingestellt. Das ist für responsive (Handy) enorm groß. Ich mache das immer über flexible Größen via CSS und HTML
Beispiel für deinen Hero

<div class="zpColumnItem">
<style>
/* 1. Hauptcontainer: Sorgt dafür, dass nichts über den Bildschirm hinausragt */
.figuren-start {
padding: 15px;
box-sizing: border-box;
width: 100%;
overflow-x: hidden;
}

/* 2. Der Titel: Passt sich fließend an (mind. 20px, ideal 5vw, max. 30px) */
.figuren-start h1 {
text-align: center;
font-size: clamp(20px, 5vw, 30px);
line-height: 1.3;
margin: 0 0 20px 0;
}

/* 3. Die Textabsätze: Fließende Schriftgröße für optimale Lesbarkeit auf allen Geräten */
.figuren-start p {
text-align: justify;
font-size: clamp(14px, 3.2vw, 22px);
line-height: 1.5;
margin-bottom: 15px;
}
</style>

<div id="a112" data-article-id="112" data-zpleid="112" class="articlearea zpwText figuren-start">
<h1>
<strong>Herzlich Willkommen auf Figuren-Katalog.de</strong>
</h1>
   
<p>
Figuren-Katalog bietet eine Übersicht der Figuren und Spielzeuge aus dem Überraschungsei. Seit 2002 bietet Unser-Sammler-Team eine umfangreiche Anlaufstelle für Ü-Ei Fans auf der ganzen Welt, mit Figuren-Katalog.de wird nun ein neues Kapitel aufgeschlagen, in dem Figuren und Spielzeuge, je nach Saison sortiert, vorgestellt werden.
</p>
   
<p>
<strong>Unser Katalog ist ab Saison-Start verfügbar, danach werden nach und nach neue und alte Serien aus dem Überraschungsei eingearbeitet. Besuchen Sie uns daher regelmäßig!</strong>
</p>
</div>
</div>


Kurzbeschreibung der CSS-Befehle:

1. .figuren-start (Der Container):
   • box-sizing: border-box; verhindert, dass Innenabstände die Box breiter machen als den Bildschirm.
   • overflow-x: hidden; unterbindet zuverlässig jegliches horizontales Scrollen auf dem Smartphone.
2. font-size: clamp(...) (Der Trick für fließende Schrift):
   • Anstelle von starren Pixeln (30px) wird hier clamp(Minimum, Ideal, Maximum) verwendet.
   • Auf einem großen Desktop-Bildschirm greift das Maximum (30px bzw. 22px). Auf dem Smartphone schrumpft die Schrift automatisch und fließend mit, unterschreitet aber nie das definierte Minimum, damit es lesbar bleibt.
3. line-height & margin:
   • line-height sorgt für einen angenehmen Zeilenabstand (wichtig bei kleineren Smartphone-Bildschirmen).
   • margin sorgt für saubere Abstände unter den Absätzen
     
     Gruß
     Armin

Zitat von aws

Hallo Stefan,

ich wende mich noch einmal mit einer technischen Beobachtung an Sie, da ich anderes Problem nun weiter eingrenzen konnte.

Um die Anforderung einer automatischen Bestätigungs-E-Mail (Autoreply) zu erfüllen, habe ich ein eigenes Formular inklusive PHP-Anbindung entwickelt. Zuerst hatte ich den entsprechenden Code (HTML, CSS und Script) in einem Text-Widget (Quelltext Ansicht) platziert. Dabei trat jedoch ein Fehler auf: Der notwendige Formular-Tag (<form id="sc-anmeldung-f" class="sc-form" novalidate>) wurde nach jedem Schließen und Neustarten von Zeta Producer aus dem Quelltext entfernt.

Ich habe das Ganze nun in ein Quelltext-Widget verschoben, dort bleibt der Code stabil erhalten. Allerdings ist das Arbeiten dort recht unkomfortabel, da die Vorschau des Styles im Editor komplett entfällt und man so "blind" arbeiten muss.

Daher meine Frage an Sie:

1. Ist dieses Verhalten (dass das Text-Widget bestimmte Form-Tags beim Speichern/Neustarten bereinigt) ein bekanntes Phänomen?
2. Gibt es eine Empfehlung, wie man komplexere, externe Formular-Strukturen so in Zeta Producer einbindet, dass der Code erhalten bleibt, aber eine visuelle Bearbeitung bzw. Vorschau dennoch möglich ist?

Vielen Dank für Ihre Einschätzung und einen Hinweis, wie man hier am besten verfährt.

Beste Grüße

Armin

Alles anzeigen

Ticket ist zwar schon einige Wochen alt, aber ich habe festgestellt das es tadellos funktioniert wenn man statt eines Text Widgets ein Quelltext Widget verwendet

Deine Vermutung ist absolut richtig! Der Code gehört in das Feld additional_meta, da er standardmäßig in den <head>-Bereich geladen werden sollte.

Gruß
Armin

Hallo zusammen,

ich wollte hier noch kurz ein finales Feedback geben, falls jemand in Zukunft auf dasselbe Problem stößt.

Seit dem Update auf die Version 17.2.2 funktioniert die direkte Einbindung von Bildern über das HTML-<img>-Tag wieder! Der Fehler, dass OIDs im klassischen HTML-Code sporadisch verschluckt wurden oder im Cache verloren gingen, scheint mit diesem Update vollständig behoben zu sein.

Der umständliche Umweg über das CSS-Hintergrundbild ist somit nicht mehr notwendig. Das freut mich besonders, da jetzt auch der Barrierefreiheit-Test (WAVE Tool) dank des korrekten alt-Attributs direkt im HTML wieder rundum zufrieden ist. 😉

Viele Grüße Armin (aws)

Ich habe das im Moment noch nicht getestet im Quelltext Widget. Aber ich habe jetzt an einem neuen Projekt das Bild wieder über HTML eingebunden. Scheint zu funktionieren seit 17.2.1

Aber ich werde das weiter beobachten. Denn mit der Lösung über CSS wird der Alt Text des Bildes nicht mitgenommen und beim WAVE Tool (Barrierefreiheit Test) reklamiert Das hatte ich jetzt erst festgestellt

Armin

Ganze Seiten zwischen zwei Zeta Producer 16 Projekten kopieren

Schritt 1: Beide Projekte nebeneinander öffnen

1. Starte Zeta Producer 16 und öffne dein altes Projekt.
2. Starte Zeta Producer 16 einfach ein zweites Mal (z. B. über dein Desktop-Symbol oder das Startmenü) und öffne dort dein neues Projekt.
3. Platziere die beiden Programm-Fenster am besten nebeneinander auf deinem Bildschirm, sodass du beide Projekte gleichzeitig im Blick hast.

Schritt 2: Seite im alten Projekt kopieren

1. Gehe in das Fenster deines alten Projekts.
2. Schau auf die linke Seite in die Seitenstruktur (die Liste all deiner erstellten Seiten).
3. Klicke mit der rechten Maustaste auf die Seite, die du übertragen möchtest (z. B. Impressum oder Datenschutz).
4. Wähle im Menü den Punkt Kopieren (oder klicke die Seite an und drücke Strg + C auf der Tastatur).

Schritt 3: Seite im neuen Projekt einfügen

1. Wechsle mit der Maus rüber in das Fenster deines neuen Projekts.
2. Schau auch hier links in die Seitenstruktur.
3. Klicke mit der rechten Maustaste genau auf die Stelle (bzw. auf die übergeordnete Seite), unter der die kopierte Seite eingefügt werden soll.
4. Wähle im Menü den Punkt Einfügen (oder drücke Strg + V auf der Tastatur).

Die Seite erscheint nun in deiner Struktur und alle darin enthaltenen Texte und Formatierungen sind übertragen.

Hinweis:
Falls die kopierte Seite Bilder, Logos oder PDFs enthält, musst du Mediendateien im neuen Projekt noch einmal neu hochladen.

Gruß

Armin

Hallo Stefan,

vielen Dank für den Tipp mit dem Banner-Bereich! Ich habe den Code aus body_start entfernt und das Quelltext-Widget stattdessen direkt in den Banner-Bereich gesetzt.

Der Vorteil:
Der gesamte JavaScript-Teil konnte komplett rausfliegen. Die Leiste läuft jetzt über HTML und CSS im Layout, was natürlich viel sauberer ist. Ich muss den Artikel jetzt mit allen Seiten verknüpfen, aber das ist ja schnell gemacht.

Allerdings brachte der Banner-Bereich riesige Abstände nach oben und unten mit sich. Ich musste die negativen Margins im CSS ziemlich hoch ansetzen (margin-top: -45px und margin-bottom: -100px), um den weißen Block zusammenzuziehen, damit er an das Logo und die Navigation andockt.

Dazu meine Fragen an das Team:

1. Gibt es im System vielleicht eine direktere Einstellung, um diese Standard-Abstände des Banners zu verringern, damit ich nicht so stark mit negativen Werten im CSS gegensteuern muss?

Viele Grüße
Armin

Hallo zusammen,

ich möchte ganz oben im Kopfbereich (neben dem Praxisnamen) Kontaktdaten wie Telefonnummer, Adresse und Öffnungszeiten platzieren.

Da das normale Webnamen-Feld das nicht hergibt, habe ich mir mit einem HTML/CSS-Baustein geholfen, den ich über body_start ganz oben reinschiebe. Das klappt am Desktop und am Handy auch super – fühlt sich aber wie eine ziemliche Bastellösung an.

Gibt es in Zeta Producer oder direkt in den Layout-Einstellungen vielleicht einen einfacheren, offiziellen Weg, um so eine Infoleiste im Header unterzubringen, ohne dass man Code von außen einschmuggeln muss?

Meinen aktuellen Code packe ich unten in den Spoiler. Vielleicht hat ja jemand einen Tipp für mich, wie das innerhalb der Zeta-Logik sauberer geht!

Viele Grüße

Zeta Producer Business V17.2.1
Layout: Campfire Responsive

<div id="zeta-custom-top-bar" class="custom-global-infobar" style="display: none;">
<div class="infobar-inner">

<div class="infobar-brand">
<span class="brand-text">Praxis Dr. med. Max Mustermann</span>
</div>

<div class="infobar-right-wrapper">
<div class="infobar-item">
<span class="infobar-icon icon-phone"></span>
<div class="infobar-text">
<a href="tel:0123456789" class="info-link-item">Telefon: 01234 56789</a>
</div>
</div>

<div class="infobar-item">
<span class="infobar-icon icon-location"></span>
<div class="infobar-text">
<span>Musterstra&szlig;e 123, 12345 Musterstadt</span>
</div>
</div>

<div class="infobar-item">
<span class="infobar-icon icon-clock"></span>
<div class="infobar-text">
<span>Mo-Fr 08:00-12:00</span>
<span>Mo+Di+Do 15:00-18:00</span>
</div>
</div>
</div>

</div>
</div>

<script>
(function()
{
function injectInfobar()
{
var infobar = document.getElementById('zeta-custom-top-bar');
if (!infobar) return;

var siteBody = document.body;
if (siteBody)
{
siteBody.insertBefore(infobar, siteBody.firstChild);
infobar.style.setProperty('display', 'block', 'important');
}
}

if (document.readyState === 'loading')
{
document.addEventListener('DOMContentLoaded', injectInfobar);
}
else
{
injectInfobar();
}
})();

</script>

<style>
/* ==========================================================================
CSS STYLE-SYNTAX (Browserübergreifend stabil für Chrome & Edge)
========================================================================== */
    
:root {
--bar-teal: #10a3a6; --bar-text: #333333; --bar-border: #e5e7eb; --bar-bg: #ffffff;
}
/* Der weiße Hauptbalken ganz oben */
    
.custom-global-infobar {
display: block !important; width: auto !important; position: relative !important; left: 0 !important; right: 0 !important; background-color: var(--bar-bg) !important; border-bottom: 1px solid var(--bar-border) !important; padding: 15px 0 !important; box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; z-index: 999999 !important;
}
/* Innerer Container: Grid-Ausrichtung für die Flucht */
    
.infobar-inner {
display: grid !important; grid-template-columns: 1fr auto !important; align-items: center !important; width: 100% !important; max-width: 1140px !important; margin: 0 auto !important; padding: 0 15px !important; box-sizing: border-box !important;
}
/* Linker Bereich: Name linksbündig */
    
.infobar-brand {
text-align: left !important; display: block !important;
}
    
.brand-text {
font-size: 22px !important; font-weight: 700 !important; color: var(--bar-teal) !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; white-space: nowrap !important;
}
/* Rechter Bereich: Infos rechts gebündelt */
    
.infobar-right-wrapper {
display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; gap: 30px !important;
}
/* Einzelne Info-Boxen */
    
.infobar-item {
display: flex !important; align-items: center !important; gap: 12px !important; position: relative !important;
}
/* Vertikale Trennstriche für Desktop */
    
.infobar-item:not(:last-child)::after {
content: "" !important; position: absolute !important; right: -15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 1px !important; height: 26px !important; background-color: var(--bar-border) !important;
}
/* Textelemente */
    
.infobar-text {
display: flex !important; flex-direction: column !important; font-size: 14px !important; color: var(--bar-text) !important; line-height: 1.3 !important; text-align: left !important;
}
    
.info-link-item {
color: var(--bar-teal) !important; text-decoration: none !important; font-weight: 600 !important;
}
    
.info-link-item:hover {
text-decoration: underline !important;
}
/* SVG Icons via CSS */
    
.infobar-icon {
width: 22px !important; height: 22px !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; flex-shrink: 0 !important;
}
    
.icon-phone {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2310a3a6' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.387a12.035 12.035 0 01-5.547-5.547c-.145-.44.02-1.211.386-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z'/%3E%3C/svg%3E") !important;
}
    
.icon-location {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2310a3a6' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E") !important;
}
    
.icon-clock {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2310a3a6' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 14h-2V7h2v9z'/%3E%3C/svg%3E") !important;
}
/* ==========================================================================
MEDIA QUERIES (Responsive Steuerung)
========================================================================== */
/* --- TABLETS & LANDSCAPE --- */
    
media screen and (max-width: 1024px) {
.infobar-inner {
grid-template-columns: 1fr !important; gap: 15px !important; text-align: center !important;
}
.infobar-brand {
text-align: center !important;
}
.infobar-right-wrapper {
width: 100% !important; justify-content: center !important; gap: 25px !important;
}
}
/* --- TABLETS PORTRAIT --- */
    
media screen and (max-width: 768px) {
.infobar-right-wrapper {
flex-wrap: wrap !important; gap: 12px 20px !important;
}
.infobar-item:not(:last-child)::after {
display: none !important;
}
}
/* --- SMARTPHONES --- */
    
media screen and (max-width: 480px) {
.brand-text {
font-size: 20px !important;
}
.infobar-right-wrapper {
flex-direction: column !important; align-items: flex-start !important; width: auto !important; margin: 0 auto !important; gap: 10px !important;
}
.infobar-text {
font-size: 13px !important;
}
}

</style>