Responsive Banner Generator

App testen
Schritt 1

Installation der App

Bitte nutzen Sie zunächst die Testversion der App in einer Test-Umgebung Ihres Shops, um sicherzustellen, dass die App in Ihrem Shop mit dem genutzten Theme, den eingesetzten Apps sowie unter Ihrer Shop-Konfiguration reibungslos funktioniert.

Installieren Sie die App in einer Test-Umgebung Ihres Shops. Falls Sie die Installation der App in der Live-Umgebung Ihres Shops vornehmen, sollten Sie unbedingt zuvor ein vollständiges Backup Ihres Shops erstellen, da es bei der Neu-Installation von Apps stets zu Inkompatibilitäten und schlimmstenfalls zur Nicht-Funktionalität Ihres Shops kommen kann.

Nachdem Sie die Testversion der App über Ihren Shopware Account bezogen haben, können Sie die App aus dem Shopware Store herunterladen. Anschließend können Sie die App im Backend unter „Erweiterungen“ > „Meine Erweiterungen“ durch Klick auf den blauen Button „Erweiterung hochladen“ (rechts oben) hochladen.

Wenn die App erfolgreich hochgeladen wurde, sollte sie in der Liste „Meine Erweiterungen“ im Reiter „Apps“ angezeigt werden. Jetzt können Sie die App durch Klick auf den Link „App installieren“ in Ihrem Shop installieren.

Schauen Sie sich in unserer Demo an, wie die Banner in Ihrem Shop aussehen könnten:
Demo ansehen
Schritt 2

Einrichtung der App

Im Folgenden erklären wir Ihnen, wie Sie die App nach der Installation einrichten können.

Schritt 1: Aktivieren der App

Sobald Sie die App installiert haben, können Sie die App in der Administration unter „Erweiterungen“ > „Meine Erweiterungen“ im Reiter „Apps“ durch Klick auf den Regler-Button links neben dem App-Namen aktivieren. Wenn die App aktiv ist, wird der Regler blau.

Schritt 2: Theme kompilieren

Nach der Aktivierung der App sollten Sie Ihr Theme kompilieren. Dies können Sie über die Administration erreichen, indem Sie im linken Seitenmenü der Administration auf den gewünschten Verkaufskanal klicken und dann das Tab „Theme“ aufrufen. Klicken Sie dann auf den Button „Theme ändern“, wählen Sie das gewünschte Theme aus (ggf. auch das gleiche, welches bereits gesetzt war) und speichern Sie Ihre Auswahl durch Klick auf den blauen Button „Theme übernehmen“ und bestätigen Sie die Aktion durch Klick auf den blauen Button „Theme wechseln“. Das Theme sollte dann kompiliert werden. Je nach Cache Einstellung müssen Sie anschließend zudem den Cache leeren (sowohl den Shop Cache als auch ggf. Ihren Browser Cache).

Schritt 3: Setzen des Inhalts für die Banner

Nach der erfolgreichen Installation und Aktivierung der App finden Sie im Backend-Menü unter „Marketing“ einen neuen Untermenüpunkt: „Banner Generator“. Hier können Sie die Banner einrichten. In den folgenden 4 Steps werden Sie durch die Einrichtung geführt: (1) Design, (2) Bilder, (3) Texte und Link und (4) Farben. In Step (1) können Sie das gewünschte Layout für den Banner auswählen. Anschließend können Sie in Step (2) die Bilder für den Banner hinterlegen. Sie können wahlweise Standardbilder oder eigene Bilder nutzen. Wenn Sie die Bilder hinterlegt haben können Sie in Step (3) die Texte sowie die Verlinkung setzen. Im letzten Step der Einrichtung, in Step (4), können Sie die gewünschten Farben für die Elemente des Banners festlegen.

Schritt 4: Cache leeren

Je nach Cache Einstellung müssen Sie nach dem Bearbeiten der Inhalte sowie Einstellungen den Cache leeren (sowohl den Shop Cache als auch ggf. Ihren Browser Cache). Den Shop Cache können Sie unter „Einstellungen“-„System“-„Caches & Indizes“ über den Button „Caches leeren“ für Ihren Shop leeren. Denken Sie daran den Cache nach Bedarf dann wieder aufzuwärmen. Alternativ können Sie den Cache auch über den Button „Leeren und Aufwärmen“ leeren sowie aufwärmen.

Schritt 5: Hinzufügen über die Erlebniswelten

Um einen Banner zu Ihrem Shop hinzuzufügen, gehen Sie In der Administration in den Bereich „Inhalte“ > „Erlebniswelten“ und öffnen Sie die gewünschte Erlebniswelt, in welcher der jeweilige Banner erscheinen soll. Anschließend können Sie den „Banner“-Block zur Erlebniswelt über Drag & Drop hinzufügen. Sie finden den Block in der Kategorie „Text und Bild“. Wenn Sie mit der Maus über das Element fahren, erscheint ein Icon für die Einstellungen. Durch Klick auf das Einstellungs-Icon können Sie das jeweilige Element bearbeiten.

Schritt 6: Einstellungen des Banners

In den Optionen des Banner-Elements können Sie auswählen, welcher Banner in der Erlebniswelt angezeigt werden soll. Außerdem können Sie festlegen, für welche Bildschirmgrößen das Banner angezeigt werden soll. Mobil bedeutet in unserem Fall bis zu einer Bildschirmbreite von 767 Pixel, Tablet bedeutet von 768 Pixel bis 1279 Pixel und Desktop steht für eine Bildschirmbreite ab 1280 Pixel.

Hinweis
Bitte nutzen Sie die Testversion der App in einer Test-Umgebung Ihres Shops, um sicherzustellen, dass die App in Ihrer Shop-Konfiguration reibungslos funktioniert.
Schritt 3

Einstellungen

Design

Sie können aus 12 verschiedenen Designs die gewünschte Darstellung für den Banner auswählen.

Bilder

Hinterlegen Sie eigene Bilder oder nutzen Sie die Standardbilder der App für Ihre Banner.

Texte und Links

Setzen Sie die gewünschten Texte sowie die Verlinkung für den Banner.

Farben

Wählen Sie aus, welche Farben die verschiedenen Elemente des Banners erhalten sollen und stimmen Sie den Banner auf diese Weise perfekt auf die Darstellung Ihres Shops ab.

Hinweis
Bitte nutzen Sie die Testversion der App in einer Test-Umgebung Ihres Shops, um sicherzustellen, dass die App in Ihrer Shop-Konfiguration reibungslos funktioniert.
Responsive Banner Generator

Häufige Fragen zur App

Warum wird das Banner im Frontend nicht angezeigt?

Bitte stellen Sie sicher, dass Sie das Banner auch bei der Erlebniswelt hinzugefügt haben, welche für die gewünschte Seite bzw. Kategorie aktiv ist.

Wo können die Einstellungen für die App vorgenommen werden?

Nach der erfolgreichen Installation und Aktivierung der App finden Sie im Backend-Menü unter „Marketing“ einen neuen Untermenüpunkt: „Banner Generator“.

Wird die App auch mit zukünftigen Shopware 6 Versionen kompatibel sein?

Unsere App wird ständig weiterentwickelt, damit Sie diese auch mit zukünftigen Shopware 6 Versionen nutzen können.

Was genau kann ich bei den Bannern verlinken?

Sie können Produkte, Produktübersichten, Shopseiten, Blogbeiträge, Partnershops, Affiliates, Social Media Profile, Landingpages und vieles mehr verlinken.

Ich habe einen Banner überarbeitet. Warum sind meine Änderungen nicht sichtbar?

Je nach Cache Einstellung müssen Sie nach dem Bearbeiten der Inhalte und der Einstellungen den Cache leeren (sowohl den Shop Cache als auch ggf. Ihren Browser Cache). Den Shop Cache können Sie unter „Einstellungen“-„System“-„Caches & Indizes“ über den Button „Caches leeren“ für Ihren Shop leeren. Denken Sie daran den Cache nach Bedarf dann wieder aufzuwärmen. Alternativ können Sie den Cache auch über den Button „Leeren und Aufwärmen“ leeren und aufwärmen.

Wie kann ich über die Shopware 6 Administration das Theme kompilieren?

Klicken Sie im linken Seitenmenü der Administration auf den gewünschten Verkaufskanal und dann das Tab „Theme“. Anschließend sollten Sie auf den Button „Theme ändern“ klicken. Wählen Sie dann das gewünschte Theme aus (ggf. auch das gleiche, welches bereits gesetzt war) und speichern Sie Ihre Auswahl durch Klick auf den blauen Button „Theme übernehmen“. Bestätigen Sie die Aktion durch Klick auf den blauen Button „Theme wechseln“. Das Theme sollte dann kompiliert werden. Je nach Cache Einstellung müssen Sie anschließend zudem den Cache leeren (sowohl den Shop Cache als auch ggf. Ihren Browser Cache).

Bei Fragen schreiben Sie uns gerne eine Nachricht an support@code108.de.
Shopware 6 Apps von Code 108

Diese Apps könnten Ihnen auch gefallen