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. 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).
Nach der erfolgreichen Installation und Aktivierung der App können Sie die App-Einstellungen über das Kontext-Menü, den Button mit den 3 Punkten („…“), aufrufen. Klicken Sie hier auf „Konfiguration“, damit die Einstellungsmöglichkeiten der App zu sehen sind. Sie sehen dann verschiedene Einstellungsmöglichkeiten zur Konfiguration des Seitenelements. Sobald Sie die gewünschten Einstellungen für das Seitenelement gesetzt haben, klicken Sie auf „Speichern“, damit die Änderungen übernommen werden.
Da es stets vorkommen kann, dass die App unter bestimmten Theme-, App- und Shopkonstellationen nicht richtig funktioniert, sollten Sie anschließend testen, ob das interaktive Seitenelement in Ihrem Shop wie gewünscht funktioniert.
Legen Sie fest, ob der Button im Storefront angezeigt werden soll.
Es ist möglich, auszuwählen, an welcher Stelle das Seitenelement auf der Website angezeigt werden soll. Sie können sich zwischen 4 Positionen entscheiden: „Oben links“, „Unten links“, „Oben rechts“ und „Unten rechts“.
Mit dieser Einstellung kann man sich für einer der drei Seitenelement-Funktionen entscheiden. Bei der Option „Einfache Verlinkung“ dient das Seitenelement als einer einfachen Verlinkung zu einer von Ihnen ausgewählten Seite, wenn man auf dem Element klickt. Bei der Option „Off-Canvas“ öffnet sich beim Klicken einen Bereich, welcher den von Ihnen festgelegten Inhalt anzeigt. Bei der Option „Modal“ öffnet sich ein modales Fenster, welches ebenfalls den von Ihnen festgelegten Inhalt zeigt.
Wählen Sie den Buttontyp. Mögliche Buttontypen sind: „Icon“, „Eigenes Bild“ und „Text“.
Hier kann das Icon (Shopware Icons) auf dem Button gesetzt werden. Damit das Icon auf dem Button erscheint, muss die Einstellung Typ auf „Icon“ gesetzt werden.
Hier kann der Text auf dem Button gesetzt werden. Damit der Text auf dem Button erscheint, muss die Einstellung Typ auf „Text“ gesetzt werden. Die maximale Anzahl an Zeichen ist 30.
Die URL für das Bild, wenn der „Typ“ des Elements auf „Eigenes Bild“ gesetzt ist. Achten Sie darauf, dass das ausgewählte Bild quadratisch ist. Die Breite und Höhe des Bildes sollte nicht größer als 120 Pixel sein.
Die URL, wenn die Funktion des Elements auf „Einfache Verlinkung“ gesetzt ist.
Wählen Sie aus, welche Größe der Button haben soll. Folgende Größen sind möglich: „Klein“ (30px x 30px), „Default“ (40px x 40px), „Medium“ (60px x 60px), „Groß“ (80px x 80px), „Extra groß“ (100px x 100px).
Setzen Sie die Hintergrundfarbe des Buttons fest.
Sie können die Hauptfarbe für das Icon oder für den Text auf dem Button setzen. Damit das Icon oder der Text auf dem Button erscheinen, muss die Einstellung „Typ“ auf „Icon“ oder auf „Text“ gesetzt werden.
Sie können die Sekundärfarbe (Hover) für das Icon oder für den Text auf dem Button setzen. Damit das Icon oder der Text auf dem Button erscheinen, muss die Einstellung „Typ“ auf „Icon“ oder auf „Text“ gesetzt werden.
Man kann Einstellungen für den Radius, die Breite und die Farbe der Umrandung des Buttons vornehmen.
Setzen Sie die Animationsgeschwindigkeit für die Anzeige des Inhalts bei „Off-Canvas“ oder bei „Modal“.
Setzen Sie die Animationsgeschwindigkeit für die Anzeige des Inhalts bei „Off-Canvas“ oder bei „Modal“.
Bei „Off-Canvas“ kann man bestimmen, an welcher Stelle sich der Button in Relation zu dem „Off-Canvas“ Bereich befinden soll. Die möglichen Positionen sind: „Oben“, „Mittig“ und „Unten“.
Legen Sie die Größe des Inhalts im „Off-Canvas“ und im „Modal“ fest.
Legen Sie den Inhalt für den „Modal“ oder „Off-Canvas“ fest. Es ist möglich, eigenes HTML-Code zu verwenden.
Die Hintergrundfarbe für den „Modal“ oder den „Off-Canvas“ Bereich.
Die Farbe des Inhalts im „Modal“ oder im „Off-Canvas“.