Beiträge von Mario

Neben der besagten "Image Map" gibt es auch noch DIESES.

Am einfachsten sollte das funktionieren wenn du die Dateien mit einem FTP-Programm auf den Server lädst und die HTM-Datei per i-Frame in ZP einbindest.
Sollte auch über Dateien importieren funktionieren. Hier müsstest du aber wahrscheinlich noch die Pfade der Bilder in der HTM-Datei anpassen.

PS: Deine Animation scheint nicht richtig zu Funktionieren. Du hast 9 Bilder abgelegt das Tool sucht aber nach 25 Bildern. Responsive ist das leider auch nicht. LINK

Ja das geht. LINK

Danke Phil, so läuft das super!

Stefan S nochmal wegen dem Leerzeichen schauen. In der Vorlage ist das auch nicht drin.

Mit dem Leerzeichen funktioniert es Grundsätzlich. Allerdings kommt es zu Darstellungsfehlern wenn ich nur das Essenzielle aktiviere. Gehe ich zu "alle Aktivieren" passt die Darstellung wieder.

Ich habe das ganze jetzt auf alle verwendeten Scripte erweitert. Bei allen dreien kommt es zu dem Darstellungsfehler.

• Buchen: https://www.zella.de/buchung-hotel-fewo-glamping.html
• Verfügbarkeit: https://www.zella.de/verfuegbarkeit-hotel-fewo-glamping.html
• Preisliste: https://www.zella.de/preise-hotel-fewo-glamping.html

So sieht das JSON jetzt aus:

"zp_consent_custom1":{
   "name": "Probstei Zella BUCHEN",
   "anbieter_de": "Easy Booking",
   "anbieter_en": "Easy Booking",
   "policy_de": "https://www.easybooking.eu/datenschutz",
   "policy_en": "https://www.easybooking.eu/en/data-privacy",
   "category_de": " Essenziell",
   "category_en": " Essential",
   "description_de": "<p class=\"description\">Unterkunft buchen</p>",
   "description_en": "<p class=\"description\">Book accommodation</p>",
   "type": "script",
   "url_pattern": ["//www.easy-booking.at/bookingengine2/js/jquery.easybooking.frontend.js"],
   "warning_target": "#zpcustomcc",
   "isCustom": true
},
"zp_consent_custom2":{
   "name": "Probstei Zella VERFUEGBARKEIT",
   "anbieter_de": "Easy Booking",
   "anbieter_en": "Easy Booking",
   "policy_de": "https://www.easybooking.eu/datenschutz",
   "policy_en": "https://www.easybooking.eu/en/data-privacy",
   "category_de": " Essenziell",
   "category_en": " Essential",
   "description_de": "<p class=\"description\">Verfuegbarkeit anzeigen</p>",
   "description_en": "<p class=\"description\">Show Availability</p>",
   "type": "script",
   "url_pattern": ["//www.easy-booking.at/ebPlugins/availability/jquery.easybooking.availability.js"],
   "warning_target": "#zpcustomcc",
   "isCustom": true
},
"zp_consent_custom3":{
   "name": "Probstei Zella PREISE",
   "anbieter_de": "Easy Booking",
   "anbieter_en": "Easy Booking",
   "policy_de": "https://www.easybooking.eu/datenschutz",
   "policy_en": "https://www.easybooking.eu/en/data-privacy",
   "category_de": " Essenziell",
   "category_en": " Essential",
   "description_de": "<p class=\"description\">Preise anzeigen</p>",
   "description_en": "<p class=\"description\">Show Prices</p>",
   "type": "script",
   "url_pattern": ["//www.easy-booking.at/ebPlugins/prices/jquery.easybooking.pricelist.v2.js"],
   "warning_target": "#zpcustomcc",
   "isCustom": true
}

leider nein

"zp_consent_custom1":{
    "name": "Easy Booking BUCHEN",
    "anbieter_de": "Easy Booking",
    "anbieter_en": "Easy Booking",
    "policy_de": "https://www.easybooking.eu/datenschutz",
    "policy_en": "https://www.easybooking.eu/en/data-privacy",
    "category_de": "Essenziell",
    "category_en": "Essential",
    "description_de": "<p class=\"description\">Unterkunft buchen</p>",
    "description_en": "<p class=\"description\">Book accommodation</p>",
    "type": "script",
    "url_pattern": ["//www.easy-booking.at/bookingengine2/js/jquery.easybooking.frontend.js"],
    "warning_target": "#zpcustomcc",
    "isCustom": true
}

Hat leider nicht funktioniert.

"zp_consent_custom1":{
    "name": "Easy Booking BUCHEN",
    "anbieter_de": "Easy Booking",
    "anbieter_en": "Easy Booking",
    "policy_de": "https://www.easybooking.eu/datenschutz",
    "policy_en": "https://www.easybooking.eu/en/data-privacy",
    "category_de": "Unterkunft buchen",
    "category_en": "Unterkunft buchen",
    "description_de": "<p class=\"description\">Unterkunft buchen</p>",
    "description_en": "<p class=\"description\">Unterkunft buchen</p>",
    "type": "script",
    "url_pattern": ["//www.easy-booking.at/bookingengine2/js/jquery.easybooking.frontend.js"],
    "warning_target": "#zpcustomcc",
    "isCustom": true
}

Jetzt lässt sich das Consent-Widget Widget auf der Seite nicht mehr bedienen.

Eventuell weil ich mir eine Kategorie ausgedacht habe?

Was besagt: "warning_target" und "isCustom" ?

Habe es im Moment noch Online: https://www.zella.de/buchung-hotel-fewo-glamping.html

In ZP17 kann man im "Cookie-Consent Widget" nun benutzerdefinierte Dienste nutzen. Das finde ich Spitze.

Die Hilfe-Seite wurde hierzu noch nicht angepasst, oder ich habe es übersehen.

In welcher Form müssen die Scripte eingebunden werden, wie getrennt werden?

Ich habe das Script https://www.easy-booking.at/bookingengine2/js/jquery.easybooking.frontend.js als "benutzerdefinierten Dienst" eingetragen und die Seite erstmals aus ZP17 hochgeladen. Funktioniert leider nicht LINK.

Wurden denn bei der Sicherung "Bilder und Dateien" mit gesichert?

• Ist die installierte ZP-Version die gleiche mit welcher die Sicherung erstellt wurde?
• Wenn ja hilft bei solchen Problemen in der Regel "Website > Erweitert > Erstellen > alle Seiten erstellen".
• Wenn das nicht weiter bringt, existiert der Datenträger auf welchen das Projekt erstellt wurde noch?

Dann einfach den Header löschen und anschließend einen neuen einfügen.

• Die Größe des Headerbildes kannst du unter "Website > Layout > Kopfgrafik" einstellen, nach dieser Einstellung musst du das Bild eventuell neu einbinden.
• Die Maximale Importbreite sowie den Komprimierungsgrad für alle neu eingefügten Bilder kannst du unter "Website > Erweitert > Erweiterte Einstellungen > Bilder" abgeben.

Du kannst im Editor oben rechts auf die eckigen Klammern klicken um in den HTML-Modus zu wechseln. Hier kannst du dann Überschriften einfügen.

zu Beispiel:

<h1>Magische Malermeister</h1>
<p>Lorem Ipsum</p>

Füge den den Code für den "body" über das Attribut "body_start" ein. Somit wird der Code wie von Google gefordert automatisch auf allen Seiten direkt nach dem öffnenden "<body>" eingefügt. Erweitert > Attribute > body_start

Nach dem veröffentlichen kannst du im Tag-Manager die Installation testen.

PS: Die Cookie-Einstellungen nicht vergessen.

Zitat von Pete

Wie kann ich

• den "Bullet-Point" ändern?

Layout-Designer > Allgemein > Listenstile

Zitat von Pete

Wie kann ich

• Abstand zwischen den Zeilen anpassen?

Füge dem Textartikel mit der Auflistung folgende CSS-Klasse hinzu meinlistenabstand.
Folgendes unter "Einstellungen > CSS einfügen (die 10px anpassen):
<style>
.meinlistenabstand ul:not(.slides) li {
   padding-bottom: 10px;
}
</style>

Zitat von AnnWolf

Hallo carla vd.

Es ist immer nur EINE index Seite möglich.

Du musst also die bisherige Seite mit der Endung „index“ umbenennen mit der Endung „html“

Dann erst kannst deine Wunschseite mit der Endung „index“ versehen.

Das ist so nicht ganz korrekt.

Richtig ist das es in einem Projekt immer nur eine Index-Seite geben kann, diese ist dann immer die Startseite.

Falsch ist das die Endung index heißen muss. Die Index-Seite muss immer den Namen index erhalten, die Endung spielt dabei keine Rolle. Also zum Beispiel index.html oder index.php. In Zeta Producer sollte man in in der Regel für die Endung das bereits ausgewählte freie Feld wählen, dann vergibt Zeta Producer automatisch die richtige Endung welche diese Seite erfordert.

Alternativ kannst du auch das Widget "Slider" als Header missbrauchen. Hier wird das Seitenverhältnis beibehalten und nichts abgeschnitten.

Falls du im Anschluss etwas zu viel Abstand nach oben hast kannst du das folgendermaßen anpassen:

• Im Widget unten auf das Mischpult dann auf mehr und trage unter Inline-CSS folgendes ein: margin-top: -60px; Je nach Layout kann es sein das dieser Wert noch angepasst werden muss.

Ich bin der Meinung das alle Layouts sehr gut Responsive dargestellt werden. Probleme hier verursachen meist die Nutzer selbst. Zum Beispiel indem sie Inhalte mit fester Breite hinzufügen. Am meisten sehe ich das zu lange Wörter oder Menüeinträge hier Darstellungsprobleme verursachen.

Zu deiner Frage:

• Modal Onload
• CSS Fenster
• Seitenfenster

Der Text (besonders die Überschriften) auf der Seite heben sich nur Kontrastarm vom Hintergrund ab. Da wird das lesen sehr anstrengend für die Augen.

Zitat von nemessis

oder hier ist Schnee - Snow (code-zp.de)

Dieses gibt es auch als Widget. HAEDER SNOW

Zitat von phil-web

Wird die Widget-ZP Webseite weiterhin online bleiben?

Vermutlich nicht.

Wie sicher schon einige bemerkt haben bin ich hier in letzter Zeit nicht mehr so präsent. Das liegt nicht an meinem Interesse sondern an der derzeitigen Situation. Ich muss einfach wieder mehr Aufgaben in unserer Firma übernehmen. Deshalb kann ich den entsprechenden Support sowie den notwendigen Updates für die vielen Widgets in Zukunft nicht mehr gerecht werden. Schlussfolgernd werde ich das Projekt "widget-zp.de" in den Wintermonaten einstellen.

Vielen Dank an die Nutzer der Widgets.

Es gibt dazu nur ein Widget. Es sind lediglich 2 Präsentationen des gleichen Widgets mit unterschiedlichen Einstellungen. Es müssen mindestens 2 "Slides" angelegt werden.

Bei weiteren Fragen dazu bitte im entsprechenden Forum.

Danke für den Hinweis.

Update zu dem Widget ist raus. Vielen Dank an phil-web für die Unterstützung.

Zitat von Elfmeterversemmler

Allerdings hab ich für eine Feier schon mal ca. 600 Bilder, die ich dann entsprechend einsortieren müsste. (Daher der Hinweis mit den mehrere hundert Bildern).

Wie Thomas schon schreibt, einmal veröffentlicht gibt es keine Probleme. Wenn du das Projekt allerdings öfter anfassen musst um neue Alben hinzuzufügen könnte das schon schwierig werden.

Eine weitere Möglichkeit wäre die einzelnen Alben mit einem anderen Programm wie zum Beispiel "jAlbum" zu erstellen und auf den Server zu laden. Die einzelnen Alben kannst du dann verlinken, per iFrame einbinden oder auch mit dem Widget Extern Fancybox einbinden.

Hallo Torsten,

• Das Widget Bilder-Album funktioniert bestens. Ein Fotoalbum mit mehreren hundert Bildern würde ich allerdings nicht empfehlen. Zum einen bin ich mir nicht sicher ob die Performance (ZP/PC) hier ausreicht. Zum anderen solltest du sehen ob du zur besseren Übersicht nicht mehrere Alben in Kategorien unterteilen kannst.
• Das Layout kannst du frei wählen. Die Funktion des Widgets ist immer die gleiche.
• Ich habe für meine Website auch einige Alben ausgelagert damit das veröffentlichen nach Neuerstellung schneller geht. Die einzelnen Alben habe ich dann in der Hauptseite verlinkt.

Oben rechts unter "Wireframe" ist ein kleiner Pfeil welcher die Sidebar öffnet. (siehe Screenshot 1)

Wenn man regelmäßig mit dem Programm arbeitet weiß man das, für Beginner eher schwierig. Deshalb hier ein kleiner Verbesserungsvorschlag an das Supportteam. (siehe Screenshot 2)

Gib der Spalte mal folgenden Namen: <span style="display:none">Spalte 2</span>.

Die 2. Frage habe ich nicht richtig verstanden.

Sorry, ich hatte die Frage falsch verstanden (zu schnell gelesen). Ich dachte Thomas möchte auf das "Cookie Consent Widget" verzichten.

Hallo Thomas,

ein Liste aller im Projekt verwendeten Widgets kannst du erhalten indem du folgenden Code per "Widget Quelltext" einfügst:

<$
var widgetlist = [];
var pages = projectFolder.allPages;


for (var p = 0; p < pages.count; p++) {
var currrentpage = pages.item(p);
var articles = currrentpage.articles;
for (var i = 0; i < articles.count; i++) {
var article = articles.item(i);
var liststring = "|" + widgetlist.join("|");
if ( liststring.indexOf("|"+article.widgetName) == -1 ){
widgetlist.push(article.widgetName);
}
}
}
$>
<h3>Folgende Widgets werden in diesem Projekt verwendet:</h3>
<p><$= widgetlist.sort().join("<br />") $></p>

Ich glaube nicht das du hier jemanden findest der sich anmaßt 100%ig zu sagen welche Widgets genau das "Cookie Consent Widget" benötigen. Aber du kannst ja im "Cookie Consent Widget" einmal die aufgeführten Dienste durchgehen.

"Google Fonts" benötigt seit "Zeta Producer 16.6.0" das "Cookie Consent Widget" nicht mehr weil diese hier auf dem eigenen Server gehostet werden.

Am besten den iFrame per Widget "Quelltext" einfügen.

<iframe src="https://www.deineseite.de/" scrolling="no" style="width:100%; height:500px; overflow:hidden;" ></iframe>

Zitat von mksteinmetz

... dabei ist das doch eher egal, wie man die benennt, solange es die nicht gibt?

Das ist korrekt solange nur zugelassene Sonderzeichen verwendet werden. Eventuell hat sich doch ein kleiner Fehler eingeschlichen.

Wie Steffen schon geschrieben hat.

Zitat von Steffen T.

Bitte das entsprechende Widget löschen oder im Support bei Widget ZP (Mario) mal nachfragen.

Siehe https://www.zella.de/forum/forum/

Du kannst mir aber auch mal das Projekt senden. Die Mailadresse findest du im Impressum der verlkinkten Seiten unten.

Ja "C" ist das Original welches damals mit den anderen Seiten verknüpft wurde und kann deshalb auch nicht abgewählt werden.

Ich bin mir ziemlich sicher das dieses Widget 2x eingefügt wurde oder kopiert/eingefügt wurde. Am besten nochmal mit "F8" in den Spaltenmodus wechseln und genau schauen ob das Widget dort doppelt ist. Wenn das der Fall ist das nicht verknüpfte löschen.

Du kannst die entsprechenden Klassen über die Browser-Entwicklerkonsole herausfinden.

Zum Beispiel in Chrome das Element markieren > Rechtsklick > untersuchen > ...

Dort solltest du zB. folgendes finden.

• Artikel-Titel: .zpshoparticle .zpProduct h1, .zpshoparticle .zpProduct h2
• Preis: .zpshoparticle .zpProduct .price
• inkl. USt. zzgl. Versandkosten: .zpshoparticle .zpProduct .pricelabel
• Beschreibungstext: .zpshoparticle .zpProduct .productdescription
• Tabellarische Daten: table.zptabledata th, table.zptabledata td, table.zpfixed-column th, table.zpfixed-column td

Wenn einmal ein CSS nicht greift kann eventuell ein !important helfen.

Du solltest aber bei solchen Eingriffen genau wissen was du tust!

Einstellungen > CSS:

<style>
@media (min-width: 780px) {
  .txtdeskausbl {
    display:none;
  }}
</style>

Im Text-Editor unten auf das "Mischpult > Mehr" unter CSS-Klasse die entsprechende Klasse eintragen: txtdeskausbl

Was genau bedeutet "lässt sich auch nicht löschen"?

Wenn das Widget aus irgend einem Grund nicht greifbar ist mit "F8" in den Spaltenmodus wechseln und dort löschen.

90° nach links gedreht würde bedeuten Textfluss von unten nach oben umgekehrt wäre sicher besser.

Einfachste Möglichkeit:

• Schreibe deinen Text einfach in den Text-Editor.
• Gehe dort unten auf das "Mischpult" dann auf "Mehr" und trage im Feld "Inline-CSS" folgendes ein: writing-mode:vertical-lr; oder writing-mode:vertical-rl;.

Hallo Markus123 ,

ich kann den Fehler leider nicht reproduzieren. Wäre schön wenn du dich im Forum meldest.