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.
Im Folgenden erklären wir Ihnen, wie Sie die App nach der Installation einrichten können.
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.
Nach der Aktivierung der App sollten Sie Ihr Theme kompilieren. Klicken Sie dazu im linken Seitenmenü der Administration auf den gewünschten Verkaufskanal und öffnen Sie den Tab „Theme“. Klicken Sie auf „Theme ändern“, wählen Sie das gewünschte Theme aus (gern auch das bereits gesetzte), klicken Sie auf „Theme übernehmen“ und bestätigen Sie mit „Theme wechseln“. Das Theme wird dann kompiliert. Je nach Cache-Einstellung müssen Sie anschließend den Cache leeren (Shop-Cache und ggf. Browser-Cache).
In der Administration finden Sie unter „Inhalte“ > „Adventskalender“ die 24 Türchen. Die Übersicht zeigt sie als Tabelle oder als Kacheln (umschalten oben rechts) und zeigt an, wie viele Türchen schon befüllt sind. Klicken Sie bei einem Türchen auf „Bearbeiten“ bzw. auf die Kachel und tragen Sie Titel und Text ein. Auf Wunsch fügen Sie einen Link und ein Bild hinzu. Über die Sprachauswahl oben rechts pflegen Sie die Inhalte für jede Sprache Ihres Shops.
Öffnen Sie unter „Inhalte“ > „Erlebniswelten“ die Erlebniswelt, in der der Adventskalender erscheinen soll. Ziehen Sie den Block „Adventskalender“ aus der Kategorie „Text & Bild“ per Drag & Drop in die Erlebniswelt. Wenn Sie mit der Maus über das Element fahren, erscheint ein Icon für die Einstellungen. Ein Klick darauf öffnet die Element-Einstellungen.
Im Tab „Design“ wählen Sie zwischen gezeichneten Türchen, mitgelieferten Bildern und einem eigenen Bild. Wir empfehlen die gezeichneten Türchen: Wählen Sie einen der 8 Stile und eine der 10 Farbpaletten oder „Eigene Farben“, um den Kalender in den Farben Ihrer Marke zu zeigen. Nutzen Sie noch ein Bild, zeigt Ihnen die App einen Tipp, mit dem Sie per Klick auf „Ausprobieren“ auf die gezeichneten Türchen umstellen.
Im Tab „Inhalt & Verhalten“ legen Sie fest, wie sich die Türchen öffnen. Im Dezember lässt sich jeden Tag ab Mitternacht (Uhrzeit Ihres Servers) das Türchen des Tages öffnen. Vergangene Türchen können Sie offen lassen oder dezent kennzeichnen. Solange der Vorschaumodus aktiv ist, lassen sich alle Türchen öffnen – ideal zum Testen. Deaktivieren Sie den Vorschaumodus vor dem 1. Dezember, sonst sind alle Inhalte schon vorab sichtbar. Speichern Sie anschließend die Erlebniswelt.
Je nach Cache-Einstellung müssen Sie nach dem Bearbeiten den Cache leeren: unter „Einstellungen“ > „System“ > „Caches & Indizes“ über „Caches leeren“ (oder „Leeren und Aufwärmen“), ggf. auch Ihren Browser-Cache. Da die App unter bestimmten Theme-, App- und Shopkonstellationen anders funktionieren kann, testen Sie danach, ob der Adventskalender in Ihrem Shop wie gewünscht funktioniert.
Im Tab „Design“ der Element-Einstellungen wählen Sie die Art des Kalenders: „Gezeichnete Türchen“, „Mitgelieferte Bilder“ oder „Eigenes Bild“.
8 Stile, von verspielt bis geometrisch. Jedes Türchen wird passend zur gewählten Farbpalette gezeichnet, eine Vorschau zeigt den Stil direkt in den Einstellungen.
10 fertige Farbpaletten oder „Eigene Farben“. Bei eigenen Farben wählen Sie eine Hauptfarbe und eine Akzentfarbe aus Ihrer Marke; alle weiteren Töne werden daraus abgeleitet. Mit „Dunkler Hintergrund“ erhalten die Türchen einen dunklen Grundton.
Die Farbe zwischen den Türchen. Sie passt sich der Farbpalette an, solange Sie sie nicht selbst ändern. Mit „Standard“ setzen Sie sie wieder zurück.
Winterliche Fotos als Hintergrund hinter den Türchen. Einige ältere Bilder sind als „nicht mehr verfügbar“ gekennzeichnet und werden mit der nächsten Version entfernt. Ist eines davon gewählt, bleibt es vorerst sichtbar; über „Umstellen“ wechseln Sie direkt zu den gezeichneten Türchen.
Ein Bild aus Ihren Medien oder ein neuer Upload als Hintergrund, damit der Kalender genau zu Ihrer Marke passt. Am besten eignet sich ein Bild im Querformat.
Bei Bildern legen Sie Farbe und Stil der Zahlen fest (Style 1 bis 3). Damit die Zahlen gut lesbar sind, können Sie ein Overlay einblenden und dessen Deckkraft in Prozent einstellen. Gezeichnete Türchen bringen ihre eigenen Zahlen mit.
Die Farbe der Buttons, z. B. des Links in einem geöffneten Türchen.
Im Tab „Inhalt & Verhalten“ legen Sie fest, welcher Titel und welche Beschreibung über dem Adventskalender angezeigt werden.
Alle Türchen lassen sich öffnen, unabhängig vom Datum. Ideal zum Einrichten und Testen. Solange der Vorschaumodus aktiv ist, zeigt die Erlebniswelt einen Hinweis. Deaktivieren Sie ihn vor dem 1. Dezember.
Alle Türchen bis zum aktuellen Tag bleiben offen. So können auch Kunden, die ein paar Tage verpasst haben, alles nachholen.
Statt sie offen zu lassen, können Sie vergangene Türchen dezent kennzeichnen (Style 1 oder 2). Diese Option und „Vergangene Türchen offen lassen“ schließen sich gegenseitig aus.
Normalerweise erscheinen die Türchen der Reihe nach. Ist die Option aktiv, bestimmt das Feld „Priorität“ der einzelnen Türchen die Reihenfolge – so können Sie die Türchen bunt gemischt anordnen.
Zeigt die Bilder in den geöffneten Türchen größer an.
Die Optionen im Tab „Test“ (Debugmodus und Aktionsmonat) sind nur für Entwickler und unseren Support gedacht. Lassen Sie sie deaktiviert, außer unser Support bittet Sie darum.
Unter „Inhalte“ > „Adventskalender“ tragen Sie für jedes der 24 Türchen einen Titel (bis 50 Zeichen) und einen Text (bis 200 Zeichen) ein. Die Inhalte pflegen Sie für jede Sprache Ihres Shops über die Sprachauswahl.
Aktivieren Sie „Link“, um im geöffneten Türchen einen Button anzuzeigen, z. B. zu einem Produkt, einer Kategorie oder einer Aktion. Tragen Sie URL und Linktext (bis 30 Zeichen) ein. Mit „Link im selben Tab öffnen“ öffnet sich der Link ohne neuen Tab. Mit „Advanced URL Feld“ können Sie auch relative Links wie /Weihnachtsrezepte/ eintragen.
Aktivieren Sie „Bild“, um im geöffneten Türchen ein Bild anzuzeigen. Tragen Sie die URL des Bildes und einen Titel ein.
Eine Zahl von 0 bis 100 für die Reihenfolge der Türchen. Sie wirkt nur, wenn in den Element-Einstellungen „Position der Türchen via Priorität festlegen“ aktiv ist.
Links und Bilder werden im Shop nur angezeigt, wenn alle Felder ausgefüllt sind. Fehlt z. B. der Linktext, zeigt die Übersicht am Türchen ein ⚠ mit dem fehlenden Feld.