{"id":3981,"date":"2025-05-28T10:59:54","date_gmt":"2025-05-28T08:59:54","guid":{"rendered":"https:\/\/cocos.codes\/?p=3981"},"modified":"2026-01-21T16:10:20","modified_gmt":"2026-01-21T15:10:20","slug":"prestashop-banner","status":"publish","type":"post","link":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/archive\/prestashop-banner\/","title":{"rendered":"PrestaShop Banner 1.0"},"content":{"rendered":"<h6>PrestaShop Banner Dokumentation<\/h6>Umfassend <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/kategorie\/wissensbasis\/prestashop\/prestashop-dokumentation\/\" title=\"Dokumentation\">Dokumentation<\/a> f\u00fcr das Modul zur Verwaltung von Bannern f\u00fcr <a href=\"https:\/\/prestashop.com\/\" title=\"PrestaShop\" target=\"_blank\" rel=\"noopener\">PrestaShop<\/a> (<a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/product\/prestashop-banner\/\" title=\"Cc_ps_banner\">cc_ps_banner<\/a>) mit umfangreichen Konfigurationsm\u00f6glichkeiten und gebrauchsfertigen Vorlagen.<br \/><br \/><p><strong>Inhalts\u00fcbersicht<\/strong><\/p><ol><li>Einf\u00fchrung<\/li><li>Einrichtung<\/li><li>Aktivierung der Lizenz<\/li><li>Management-Panel<\/li><li>Banner-Verwaltung<\/li><li>Hintergrund-Konfiguration<\/li><li>Video-Konfiguration<\/li><li>Inhaltliche Voreinstellungen<\/li><li>Overlay-Konfiguration<\/li><li>Einstellungen der Animation<\/li><li>Zeitplan anzeigen<\/li><li>Verwendung des Moduls in Vorlagen<\/li><li>L\u00f6sung von Problemen<\/li><li>FAQ<\/li><\/ol><h6><br \/>1. Einleitung<\/h6>CC PrestaShop Banner ist ein fortschrittliches Modul zur Erstellung und Verwaltung von Bannern in PrestaShop-Shops. Das Modul bietet eine intuitive Schnittstelle, die es Ihnen erm\u00f6glicht, attraktive Banner mit vorgefertigten Vorlagen zu erstellen, ohne dass Kenntnisse in HTML oder CSS erforderlich sind.<br \/><br \/>Das Modul bietet:<ul><li>Neun vordefinierte Voreinstellungen f\u00fcr Bannerinhalte<\/li><li>Verschiedene Hintergrundtypen: Video, Foto oder Farbe<\/li><li>Integration mit YouTube, Vimeo und die M\u00f6glichkeit, eigene Videos hochzuladen<\/li><li>Farbiges oder grafisches Overlay<\/li><li>Eingangsanimationseffekte<\/li><li>Zeitplan anzeigen (von-bis)<\/li><li>M\u00f6glichkeit der Platzierung des Banners in verschiedenen Bereichen des Shops<\/li><li>Unterst\u00fctzung von mehreren Bannern gleichzeitig<\/li><\/ul><h6><br \/>2. Einbau<\/h6><strong>Systemanforderungen<\/strong><ul><li>PrestaShop 1.7 oder h\u00f6her<\/li><li>PHP 7.0 oder h\u00f6her<\/li><li>Erlaubnis zur Installation von Modulen<\/li><\/ul><strong>Einbauverfahren<\/strong><ol><li>Laden Sie die ZIP-Datei des Moduls aus dem offiziellen Shop herunter <a class=\"button\" href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/\" title=\"Cocos.codes\">cocos.codes<\/a><\/li><li>Loggen Sie sich in das PrestaShop-Administrationspanel ein<\/li><li>Gehen Sie zu: Module &gt; Modulmanager &gt; Neues Modul hinzuf\u00fcgen<\/li><li>Klicken Sie auf \"Modul hinzuf\u00fcgen\" und w\u00e4hlen Sie die heruntergeladene ZIP-Datei aus.<\/li><li>Wenn die Installation abgeschlossen ist, klicken Sie auf \"Konfigurieren\".<\/li><\/ol><div class=\"cc-alert cc-alert-info\"><div class=\"cc-alert-title\">Infos<\/div><div class=\"cc-alert-content\">Nach der Installation legt das Modul automatisch die erforderlichen Tabellen in der Datenbank an. Es ist notwendig, das Modul zu konfigurieren und die Lizenz zu aktivieren, bevor alle Funktionen vollst\u00e4ndig genutzt werden k\u00f6nnen.<\/div><\/div><h6><br \/>3. die Aktivierung der Lizenz<\/h6>Bevor die volle Funktionalit\u00e4t des Moduls genutzt werden kann, ist es notwendig, die Lizenz zu aktivieren:<ol><li>Nach der Installation fahren Sie mit der Modulkonfiguration fort<\/li><li>W\u00e4hlen Sie die Registerkarte \"Lizenz\".<\/li><li>Geben Sie den nach dem Kauf erhaltenen Lizenzschl\u00fcssel ein<\/li><li>Klicken Sie auf \"Lizenz aktivieren\".<\/li><li>Nach erfolgreicher Aktivierung erhalten Sie eine Best\u00e4tigungsmeldung und alle Funktionen des Moduls sind freigeschaltet.<\/li><\/ol><div class=\"cc-alert cc-alert-warning\"><div class=\"cc-alert-title\">Warnung<\/div><div class=\"cc-alert-content\">Ohne eine aktive Lizenz arbeitet das Modul im eingeschr\u00e4nkten Modus, ohne alle erweiterten Funktionen. Eine Meldung \u00fcber eine inaktive Lizenz wird oben im Verwaltungsbereich angezeigt.<\/div><\/div><h6><br \/>4 Management-Panel<\/h6>Die Verwaltungsoberfl\u00e4che des Moduls besteht aus mehreren Registerkarten, die eine vollst\u00e4ndige Konfiguration erm\u00f6glichen:<br \/><br \/><strong>Hauptregisterkarten:<\/strong><ul><li><strong>Banner-Verwaltung<\/strong> - Hinzuf\u00fcgen, Bearbeiten und L\u00f6schen von Bannern<\/li><li><strong>Dokumentation<\/strong> - Link zur Online-Dokumentation<\/li><li><strong>Unterst\u00fctzung<\/strong> - Link zur Support-Seite<\/li><li><strong>Plug-ins<\/strong> - zus\u00e4tzliche Erweiterungen f\u00fcr das Modul<\/li><li><strong>Lizenz<\/strong> - Modul Lizenzmanagement<\/li><\/ul><br \/>Wenn Sie auf die Registerkarte \"Banner verwalten\" gehen, sehen Sie eine Liste aller Banner, die Sie erstellt haben, mit der M\u00f6glichkeit, sie zu bearbeiten, zu l\u00f6schen und ihren Aktivit\u00e4tsstatus zu \u00e4ndern.<h6><br \/>5. die Verwaltung von Bannern<\/h6>Auf der Registerkarte \"Bannerverwaltung\" k\u00f6nnen Sie Banner erstellen, bearbeiten und l\u00f6schen:<br \/><br \/><strong>Liste von Bannern<\/strong><ul><li>Banner-ID<\/li><li>Name<\/li><li>Haken (Ort der Anzeige)<\/li><li>Voreinstellung (Inhaltsvorlage)<\/li><li>Hintergrund Typ<\/li><li>Video-Typ<\/li><li>Status der Aktivit\u00e4t<\/li><li>Position<\/li><li>Datum der Erstellung<\/li><li>Verf\u00fcgbare Aktionen (Bearbeiten, L\u00f6schen)<\/li><\/ul><strong>Hinzuf\u00fcgen und Bearbeiten von Bannern<\/strong><ol><li>Klicken Sie auf die Schaltfl\u00e4che \"Neu hinzuf\u00fcgen\" oder \"Bearbeiten\" neben einem vorhandenen Banner<\/li><li>F\u00fcllen Sie das Formular mit den Bannerdaten aus, das in verschiedene Abschnitte unterteilt ist:<ul><li><strong>Grundlegende Daten<\/strong> - Name, Aktivit\u00e4tsstatus<\/li><li><strong>Anzeige<\/strong> - Haken, Abmessungen, abgerundete Ecken, Position<\/li><li><strong>Hintergrund Typ<\/strong> - Auswahl des Hintergrundtyps (Video, Foto, Farbe)<\/li><li><strong>Video-Konfiguration<\/strong> - Video-Player-Einstellungen<\/li><li><strong>Inhalt voreingestellt<\/strong> - Auswahl einer vorgefertigten Vorlage und deren Konfiguration<\/li><li><strong>\u00dcberlagerung<\/strong> - Konfiguration der \u00dcberlagerungsschicht<\/li><li><strong>Animationen<\/strong> - Effekte des Bannereintrags<\/li><li><strong>Zeitplan anzeigen<\/strong> - Einstellung der Dauer der Banneraktivit\u00e4t<\/li><\/ul><\/li><li>Klicken Sie auf \"Speichern\", um die \u00c4nderungen zu speichern.<\/li><\/ol><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\">Tipp<\/div><div class=\"cc-alert-content\">Es empfiehlt sich, den Bannern beschreibende Namen zu geben, damit sie im Panel leicht zu identifizieren sind, z. B. \"Fr\u00fchlingsaktion - Homepage\" oder \"Werbebanner - Black Friday\".<\/div><\/div><h6><br \/>6. die Hintergrundkonfiguration<\/h6>Das Modul bietet drei verschiedene Arten von Bannerhintergr\u00fcnden:<br \/><br \/><strong>Farbe<\/strong><ul><li>W\u00e4hlen Sie \"Farbe\" als Hintergrundtyp<\/li><li>Verwenden Sie den Farbw\u00e4hler, um die gew\u00fcnschte Hintergrundfarbe auszuw\u00e4hlen.<\/li><li>Sie k\u00f6nnen den Farbwert im HEX- (#RRGGBB) oder RGBA-Format eingeben.<\/li><\/ul><strong>Foto<\/strong><ul><li>W\u00e4hlen Sie \"Foto\" als Hintergrundtyp<\/li><li>Laden Sie das Bild \u00fcber die Schaltfl\u00e4che \"Durchsuchen\" hoch.<\/li><li>Unterst\u00fctzte Formate: JPG, PNG, GIF (maximal 15MB)<\/li><li>Wenn Sie ein neues Bild hochladen, wird das aktuelle Bild ersetzt, wenn Sie das Feld leer lassen, bleibt das vorhandene Bild erhalten.<\/li><\/ul><strong>Video<\/strong><ul><li>W\u00e4hlen Sie \"Video\" als Hintergrundtyp<\/li><li>Konfigurieren Sie die \u00fcbrigen Videoeinstellungen im Abschnitt \"Videokonfiguration\" (im n\u00e4chsten Kapitel beschrieben)<\/li><\/ul><div class=\"cc-alert cc-alert-note\"><div class=\"cc-alert-title\">Hinweis<\/div><div class=\"cc-alert-content\">Wenn ein Videohintergrund ausgew\u00e4hlt wird, empfiehlt es sich auch, beim Laden des Videos einen farbigen Hintergrund als Backup-Ebene einzustellen, damit der Benutzer kein leeres Element sieht.<\/div><\/div><h6><br \/>7. die Video-Konfiguration<\/h6>Das Modul erm\u00f6glicht die Verwendung von Videos als Bannerhintergrund. Es stehen verschiedene Videoquellen zur Verf\u00fcgung:<br \/><br \/><strong>Video-Typen<\/strong><ul><li><strong>Kein Video<\/strong> - wird verwendet, wenn ein anderer Hintergrundtyp als Video ausgew\u00e4hlt wird<\/li><li><strong>YouTube<\/strong> - Einbetten eines YouTube-Videos<\/li><li><strong>Vimeo<\/strong> - Einbetten eines Videos von Vimeo<\/li><li><strong>URL direkt<\/strong> - Link zu einer Videodatei, die auf einem externen Server gehostet wird<\/li><li><strong>Videodatei (hochladen)<\/strong> - Hochladen Ihrer eigenen Videodatei<\/li><\/ul><strong>Einstellungen f\u00fcr die Wiedergabe<\/strong><ul><li><strong>Automatische Wiedergabe<\/strong> - startet die Wiedergabe automatisch, wenn die Seite geladen wird<\/li><li><strong>Zum Schweigen gebracht<\/strong> - Video ohne Ton abgespielt (empfohlen f\u00fcr Autoplay)<\/li><li><strong>Schleife<\/strong> - automatische Videowiederholung bei Videoende<\/li><li><strong>Steuerelemente anzeigen<\/strong> - zeigt benutzerdefinierte Steuertasten an (Wiedergabe\/Pause, Stummschaltung\/Ton)<\/li><\/ul><strong>Ihr eigenes Video hochladen<\/strong><ul><li>W\u00e4hlen Sie den Videotyp \"Videodatei (Upload)\".<\/li><li>Laden Sie die Datei \u00fcber die Schaltfl\u00e4che \"Durchsuchen\" hoch.<\/li><li>Unterst\u00fctzte Formate: MP4, WebM, AVI, MOV (maximal 50MB)<\/li><\/ul><div class=\"cc-alert cc-alert-warning\"><div class=\"cc-alert-title\">Warnung<\/div><div class=\"cc-alert-content\">Autoplay-Video mit Ton wird von den meisten modernen Browsern blockiert. F\u00fcr beste Ergebnisse empfehlen wir, die Option \"Stumm\" zu aktivieren, wenn Autoplay aktiviert ist.<\/div><\/div><h6><br \/>8 Inhaltsvorgaben<\/h6>Das Modul bietet neun vorgefertigte Inhaltsvorgaben (Templates), die ausgew\u00e4hlt und individuell angepasst werden k\u00f6nnen:<br \/><br \/><strong>Verf\u00fcgbare Voreinstellungen<\/strong><ul><li><strong>Ohne Voreinstellung (nur Video)<\/strong> - zeigt nur den Hintergrund ohne zus\u00e4tzlichen Inhalt an<\/li><li><strong>Voreinstellung 1 (zentraler Titel mit Taste)<\/strong> - gro\u00dfer zentraler Titel, Untertitel und CTA-Schaltfl\u00e4che<\/li><li><strong>Voreinstellung 2 (Text linksb\u00fcndig)<\/strong> - der Inhalt wird links vom Banner ausgerichtet<\/li><li><strong>Voreinstellung 3 (Dreispaltiges Layout)<\/strong> - Inhalt in drei Spalten unterteilt<\/li><li><strong>Voreinstellung 4 (in zwei Spalten aufgeteilt)<\/strong> - Inhalt in zwei Spalten unterteilt<\/li><li><strong>Voreinstellung 5 (Vollbild mit Unsch\u00e4rfe)<\/strong> - Vollbild-Effekt mit gro\u00dfem zentralen Titel<\/li><li><strong>Voreinstellung 6 (Kopfzeile mit Statistik)<\/strong> - Kopfzeile am oberen Rand und drei Spalten mit Daten am unteren Rand<\/li><li><strong>Voreinstellung 7 (Liste der Funktionen mit CTA)<\/strong> - Titel und Liste der Funktionen, die mit einer CTA-Schaltfl\u00e4che endet<\/li><li><strong>Voreinstellung 8 (Kopfzeile und zwei Spalten)<\/strong> - Bewerbungslayout herunterladen<\/li><li><strong>Voreinstellung 9 (Kopfzeile und zwei Spalten zentriert, vergr\u00f6\u00dfert)<\/strong> - Event-Promotion-Layout<\/li><\/ul><strong>Inhaltselemente f\u00fcr die Konfiguration<\/strong><ul><li><strong>Haupttitel<\/strong> - Banner-Kopfzeile<\/li><li><strong>Untertitel<\/strong> - zus\u00e4tzlicher Text unter dem Haupttitel<\/li><li><strong>Text der Schaltfl\u00e4che<\/strong> - den auf der CTA-Schaltfl\u00e4che angezeigten Inhalt<\/li><li><strong>Schaltfl\u00e4che Link<\/strong> - Ziel-URL, wenn die Schaltfl\u00e4che angeklickt wird<\/li><li><strong>Textfarbe der Schaltfl\u00e4che<\/strong> - Schriftfarbe der Schaltfl\u00e4chen<\/li><li><strong>Hintergrundfarbe der Schaltfl\u00e4che<\/strong> - Hintergrundfarbe der Schaltfl\u00e4che<\/li><li><strong>Text 1, 2, 3<\/strong> - zus\u00e4tzliche Textfelder, die in verschiedenen Voreinstellungen verwendet werden<\/li><li><strong>Benutzerdefiniertes CSS<\/strong> - zus\u00e4tzliche CSS-Stile f\u00fcr das Banner<\/li><\/ul><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\">Tipp<\/div><div class=\"cc-alert-content\">Die Textfelder unterst\u00fctzen HTML-Formatierung, so dass Sie Fett- und Kursivdruck, Textfarben und andere Effekte hinzuf\u00fcgen k\u00f6nnen. Auch Icons und Emoji k\u00f6nnen hinzugef\u00fcgt werden, um den Inhalt attraktiver zu gestalten.<\/div><\/div><h6><br \/>9. Konfiguration des Overlays<\/h6>Ein Overlay ist eine Ebene, die \u00fcber dem Hintergrund eines Banners angezeigt wird und dazu beitragen kann, die Lesbarkeit von Text zu verbessern oder einen Smokey-Effekt zu erzeugen:<br \/><br \/><strong>Overlay-Typen<\/strong><ul><li><strong>Kein Overlay<\/strong> - keine zus\u00e4tzliche Ebene \u00fcber dem Hintergrund<\/li><li><strong>Farbe<\/strong> - farbige Ebene mit einstellbarer Transparenz<\/li><li><strong>Bild<\/strong> - grafische \u00dcberlagerung (z. B. Farbverlauf, Muster, Textur)<\/li><\/ul><strong>Einstellungen f\u00fcr Farb\u00fcberlagerungen<\/strong><ul><li><strong>Farbe der \u00dcberlagerung<\/strong> - Farbw\u00e4hler (unterst\u00fctzt HEX- und RGBA-Formate)<\/li><li><strong>Transparenz<\/strong> - Wert von 0,0 (v\u00f6llig transparent) bis 1,0 (undurchsichtig)<\/li><\/ul><strong>Einstellungen f\u00fcr Bild\u00fcberlagerungen<\/strong><ul><li><strong>Overlay-Bild<\/strong> - Hochladen eines Bildes \u00fcber die Schaltfl\u00e4che \"Durchsuchen<\/li><li><strong>Transparenz<\/strong> - Intensit\u00e4tsanpassung des bildgebenden Overlays<\/li><\/ul><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\">Tipp<\/div><div class=\"cc-alert-content\">Ein dunkles Overlay mit einer Transparenz von 0,3-0,6 \u00fcber einem Bild oder Video verbessert die Lesbarkeit von wei\u00dfem Text erheblich. F\u00fcr hellen Text auf hellem Hintergrund empfehlen wir ein dunkleres Overlay.<\/div><\/div><h6><br \/>10. Animationseinstellungen<\/h6>Das Modul bietet mehrere Animationseffekte, die beim Laden des Banners angewendet werden:<br \/><br \/><strong>Eingabe-Animation<\/strong><ul><li><strong>Ohne Animation<\/strong> - das Banner erscheint sofort<\/li><li><strong>Glattes Aussehen<\/strong> - das Banner wird allm\u00e4hlich sichtbar (Einblendeffekt)<\/li><li><strong>Eingang von links<\/strong> - das Banner kommt von der linken Seite des Bildschirms<\/li><li><strong>Eingang von rechts<\/strong> - der Banner kommt von der rechten Seite des Bildschirms<\/li><li><strong>Eingang von unten<\/strong> - das Banner kommt vom unteren Rand des Bildschirms<\/li><li><strong>Vergr\u00f6\u00dferung<\/strong> - das Banner erscheint mit einem Zoom-Effekt in der Mitte<\/li><li><strong>R\u00fcckprallen<\/strong> - das Banner erscheint mit einem Bounce-Effekt<\/li><\/ul><strong>Animation Zeit<\/strong><ul><li>Wert in Millisekunden (von 100 bis 10000)<\/li><li>Standardwert ist 1000ms (1 Sekunde)<\/li><li>K\u00fcrzere Zeit = schnellere Animation<\/li><li>L\u00e4ngere Zeit = langsamere, fl\u00fcssigere Animation<\/li><\/ul><div class=\"cc-alert cc-alert-note\"><div class=\"cc-alert-title\">Hinweis<\/div><div class=\"cc-alert-content\">Die Animationen sind mit CSS implementiert, was einen reibungslosen Betrieb auch auf mobilen Ger\u00e4ten gew\u00e4hrleistet. Sollte die Animation auf \u00e4lteren Ger\u00e4ten nicht fl\u00fcssig laufen, empfehlen wir, die Animationszeit zu verk\u00fcrzen oder einen einfacheren Effekt zu w\u00e4hlen.<\/div><\/div><h6><br \/>11. Zeitplan anzeigen<\/h6>Mit der Zeitplanfunktion k\u00f6nnen die Banner automatisch zu einer bestimmten Zeit ein- und ausgeschaltet werden:<br \/><br \/><strong>Zeitplan-Einstellungen<\/strong><ul><li><strong>Zeitplan freigeben<\/strong> - Aktivierung der Funktion der zeitgesteuerten Anzeige<\/li><li><strong>Datum des Beginns<\/strong> - Datum und Uhrzeit, ab der das Banner angezeigt werden soll<\/li><li><strong>Datum der Fertigstellung<\/strong> - Datum und Uhrzeit, bis zu der das Banner angezeigt werden soll<\/li><\/ul><strong>Beispiele f\u00fcr die Verwendung<\/strong><ul><li>Zeitlich begrenzte Werbebanner (z. B. Black Friday, saisonale Verk\u00e4ufe)<\/li><li>Informationen \u00fcber bevorstehende Veranstaltungen<\/li><li>Wechsel der Banner je nach Tageszeit (andere Banner am Morgen, andere am Abend)<\/li><li>Regelm\u00e4\u00dfige Bekanntmachungen an die Kunden<\/li><\/ul><div class=\"cc-alert cc-alert-info\"><div class=\"cc-alert-title\">Infos<\/div><div class=\"cc-alert-content\">Der Scheduler arbeitet auf der Grundlage der Serverzeit, nicht der Ortszeit des Benutzers. Stellen Sie sicher, dass die Zeitzone des Servers in Ihren PrestaShop-Einstellungen korrekt konfiguriert ist.<\/div><\/div><h6><br \/>12. Verwendung des Moduls in den Vorlagen<\/h6>Die Banner werden automatisch an den von den ausgew\u00e4hlten Wasserpfeifen angegebenen Stellen angezeigt. Verf\u00fcgbare Anschl\u00fcsse sind:<br \/><br \/><strong>Hauptstandorte<\/strong><ul><li><strong>displayHome<\/strong> - Hauptinhalt der Homepage<\/li><li><strong>displayTop<\/strong> - oberer Bereich der Seite (\u00fcber der Kopfzeile)<\/li><li><strong>displayNav1<\/strong> - erste Navigationsleiste (\u00fcber dem Logo\/Shop)<\/li><li><strong>displayNav2<\/strong> - zweite Navigationsleiste (oft unterhalb des Logos)<\/li><li><strong>displayNavFullWidth<\/strong> - vollst\u00e4ndige Navigation (z. B. Megadropdown-Men\u00fc)<\/li><li><strong>displayBanner<\/strong> - Werbebanner \u00fcber der Kopfzeile<\/li><li><strong>displayFooter<\/strong> - Hauptinhalt der Fu\u00dfzeile<\/li><li><strong>displayFooterBefore<\/strong> - Abschnitt vor der Fu\u00dfzeile (z. B. zus\u00e4tzliche Links)<\/li><li><strong>displayFooterAfter<\/strong> - Abschnitt nach der Fu\u00dfzeile (z. B. Haftungsausschl\u00fcsse, Skripte)<\/li><li><strong>displayLeftColumn<\/strong> - linke Spalte der Seite<\/li><li><strong>displayRightColumn<\/strong> - rechte Spalte der Seite<\/li><li><strong>displayWrapperTop<\/strong> - oben auf der Hauptseite Container<\/li><li><strong>displayWrapperBottom<\/strong> - unterer Teil des Containers der Hauptseite<\/li><li><strong>displayContentWrapperTop<\/strong> - Anfang des Hauptinhalts<\/li><li><strong>displayContentWrapperBottom<\/strong> - unterer Teil des Hauptinhalts<\/li><li><strong>displayBeforeBodyClosingTag<\/strong> - unmittelbar vor dem Schlie&szlig;en des Tags &lt;body&gt; (oft auf Drehb&uuml;chern)<\/li><\/ul><strong>Produkt Seitenanschl\u00fcsse<\/strong><ul><li><strong>displayProductAdditionalInfo<\/strong> - zus\u00e4tzliche Informationen auf der Produktseite<\/li><li><strong>displayProductListReviews<\/strong> - Produktbewertungen in der Listenansicht (z.B. Sterne)<\/li><li><strong>displayReassurance<\/strong> - Block mit Garantien\/Vertrauen<\/li><li><strong>displayAfterProductThumbs<\/strong> - Artikel nach Produktbild-Miniaturansichten<\/li><\/ul><strong>Korb- und Bestellanschl\u00fcsse<\/strong><ul><li><strong>displayShoppingCart<\/strong> - Inhalt der Seite mit dem Einkaufswagen<\/li><li><strong>displayShoppingCartFooter<\/strong> - Erg\u00e4nzungen in der Fu\u00dfzeile des Warenkorbs (z. B. CTA-Buttons)<\/li><li><strong>displayBeforeCarrier<\/strong> - Abschnitt, bevor Sie die Liefermethode w\u00e4hlen<\/li><li><strong>displayAfterCarrier<\/strong> - Abschnitt nach Auswahl der Liefermethode<\/li><li><strong>displayOrderConfirmation<\/strong> - Auftragsbest\u00e4tigung<\/li><\/ul><strong>Kundenkontoanschl\u00fcsse<\/strong><ul><li><strong>displayCustomerAccount<\/strong> - Kundeninhalte (z.B. Links, Module)<\/li><li><strong>displayMyAccountBlock<\/strong> - Block \"Mein Konto\" (normalerweise in der Kopfzeile oder in der Seitenspalte)<\/li><\/ul><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\">Tipp<\/div><div class=\"cc-alert-content\">Um ein optimales Ergebnis zu erzielen, empfehlen wir, die Breite und H\u00f6he des Banners an den Ort anzupassen, an dem es angezeigt werden soll. Zum Beispiel sollten Banner in Seitenspalten schmaler sein als Banner auf der Homepage.<\/div><\/div><h6><br \/>13 Fehlersuche<\/h6><strong>Banner wird nicht angezeigt<\/strong><ol><li>Pr\u00fcfen Sie, ob das Banner aktiv ist (Status \"Aktiv\" in der Bannerliste)<\/li><li>Sicherstellen, dass die Lizenz aktiv ist<\/li><li>Pr\u00fcfen, ob der Haken, dem das Banner zugewiesen wurde, in der aktuellen Vorlage vorhanden ist<\/li><li>Wenn ein Zeitplan aktiviert ist, vergewissern Sie sich, dass das aktuelle Datum in dessen Bereich f\u00e4llt<\/li><li>PrestaShop und Browser-Cache l\u00f6schen<\/li><\/ol><strong>Video wird nicht automatisch abgespielt<\/strong><ol><li>Stellen Sie sicher, dass die Option \"Automatische Wiedergabe\" aktiviert ist.<\/li><li>Pr\u00fcfen Sie, ob das Video stummgeschaltet ist (Browser blockieren die automatische Wiedergabe von Videos mit Ton)<\/li><li>Pr\u00fcfen Sie, ob die Video-URL korrekt ist (f\u00fcr YouTube und Vimeo)<\/li><li>Pr\u00fcfen Sie, ob die Videodatei korrekt hochgeladen wurde (im Falle Ihrer eigenen Datei)<\/li><\/ol><strong>Anzeigeprobleme auf mobilen Ger\u00e4ten<\/strong><ol><li>Passen Sie die Abmessungen des Banners an, um es reaktionsf\u00e4hig zu machen (z. B. Breite: 100%)<\/li><li>Verkleinern Sie die Gr\u00f6\u00dfe des hochgeladenen Videos oder Fotos f\u00fcr eine bessere Leistung<\/li><li>Passen Sie die Textmenge an - auf kleinen Bildschirmen kann zu viel Text unleserlich sein<\/li><\/ol><div class=\"cc-alert cc-alert-error\"><div class=\"cc-alert-title\">Fehler<\/div><div class=\"cc-alert-content\">Wenn Sie unl\u00f6sbare Probleme mit dem Modul haben, stellen Sie bitte sicher, dass Sie die neueste Version verwenden und dass Ihr PrestaShop-Shop auf dem neuesten Stand ist. Bei Schwierigkeiten wenden Sie sich bitte an den COCOS-Support \u00fcber <a class=\"button\" href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/support\/\" title=\"Cocos.codes\/unterst\u00fctzung\">cocos.codes\/unterst\u00fctzung<\/a>.<\/div><\/div><h6><br \/>14. H\u00c4UFIG GESTELLTE FRAGEN (FAQ)<\/h6><strong>Kann ich mehr als ein Banner am selben Ort haben (Hookup)?<\/strong><br \/>Ja, das Modul erlaubt die Zuweisung mehrerer Banner an denselben Anschluss. Die Banner werden entsprechend der eingestellten Position angezeigt (vom niedrigsten zum h\u00f6chsten Wert).<br \/><br \/><strong>Kann ich das gleiche Banner in verschiedenen Bereichen des Shops verwenden?<\/strong><br \/>Derzeit kann ein Banner nur einer Wasserpfeife zugewiesen werden. Wenn Sie dasselbe Banner an verschiedenen Orten anzeigen m\u00f6chten, m\u00fcssen Sie eine Kopie des Banners erstellen und sie einer anderen Wasserpfeife zuweisen.<br \/><br \/><strong>Wie gro\u00df kann ich Videodateien hochladen?<\/strong><br \/>Das Modul erlaubt das Hochladen von Videodateien mit einer maximalen Gr\u00f6\u00dfe von 50 MB. F\u00fcr eine optimale Leistung empfehlen wir jedoch, das Video auf das notwendige Minimum zu komprimieren und das MP4-Format mit dem Codec H.264 zu verwenden.<br \/><br \/><strong>Sind die Banner ansprechbar?<\/strong><br \/>Ja, Banner passen sich an die Breite des Containers an, in dem sie angezeigt werden. Um volle Reaktionsf\u00e4higkeit zu gew\u00e4hrleisten, empfehlen wir, die Breite auf 100% und eine angemessene H\u00f6he einzustellen (Sie k\u00f6nnen je nach Bildschirmh\u00f6he vh-Einheiten f\u00fcr die H\u00f6he verwenden).<br \/><br \/><strong>Kann ich das Formular in ein Banner einbetten?<\/strong><br \/>Das Modul in der Standardversion unterst\u00fctzt keine Formulare direkt. Wenn Sie ein Formular in das Banner einf\u00fcgen m\u00f6chten, k\u00f6nnen Sie benutzerdefinierten HTML-Code in den Textfeldern verwenden, aber die Funktionalit\u00e4t des Formulars h\u00e4ngt von Ihrer Shop-Vorlage ab.<br \/><br \/><strong>Wie oft wird das Modul aktualisiert?<\/strong><br \/>Das Modul wird regelm\u00e4\u00dfig aktualisiert, um die Kompatibilit\u00e4t mit den neuesten Versionen von PrestaShop zu gew\u00e4hrleisten und um neue Funktionen einzuf\u00fchren. Inhaber einer g\u00fcltigen Lizenz haben Zugang zu allen Updates.<br \/><br \/><strong>Kann ich die Lizenz auf ein anderes Gesch\u00e4ft \u00fcbertragen?<\/strong><br \/>Die Lizenz ist einer Domain zugeordnet. Wenn Sie Ihre Shop-Domain wechseln, kontaktieren Sie bitte den COCOS-Support, um die Lizenz zu \u00fcbertragen.<br \/><br \/><strong>Beeintr\u00e4chtigt das Modul die Leistung des Gesch\u00e4fts?<\/strong><br \/>Das Modul wurde auf Leistung optimiert. Gro\u00dfe Video- oder Bilddateien k\u00f6nnen sich am st\u00e4rksten auf die Ladegeschwindigkeit auswirken. Wir empfehlen, Mediendateien zu optimieren, bevor Sie sie in Bannern verwenden.","protected":false},"excerpt":{"rendered":"Presta Shop Banner Dokumentation Umfassende Dokumentation f\u00fcr das Banner Management Modul f\u00fcr Presta Shop (cc_ps_banner) mit umfangreichen Konfigurationsm\u00f6glichkeiten und vorgefertigten Vorlagen. Inhaltsverzeichnis Einf\u00fchrung Installation Lizenzaktivierung Bedienfeld Verwaltung","protected":false},"author":1,"featured_media":3987,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"powered_cache_disable_cache":false,"powered_cache_disable_css_optimization":false,"powered_cache_disable_js_optimization":false,"footnotes":""},"categories":[236],"tags":[249,197,250,143,251],"class_list":["post-3981","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dokumentacje-prestashop","tag-banner","tag-dokumentacja","tag-modul","tag-prestashop","tag-reklama"],"_links":{"self":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/posts\/3981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/comments?post=3981"}],"version-history":[{"count":0,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/posts\/3981\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/media\/3987"}],"wp:attachment":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/media?parent=3981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/categories?post=3981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/tags?post=3981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}