Interaktives Seitenelement für besondere Hinweise

string(26) "interaktives-seitenelement"

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 das interaktive Seitenelement in Ihrem Shop aussehen könnte:
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: Konfiguration der App-Einstellungen

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.

Schritt 4: Interaktives Seitenelement testen

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.

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

Button anzeigen

Legen Sie fest, ob der Button im Storefront angezeigt werden soll.

Position

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“.

Funktion

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.

Typ

Wählen Sie den Buttontyp. Mögliche Buttontypen sind: „Icon“, „Eigenes Bild“ und „Text“.

Icons

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.

Text

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.

Bild

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.

URL

Die URL, wenn die Funktion des Elements auf „Einfache Verlinkung“ gesetzt ist.

Button Größe

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).

Button Hintergrundfarbe

Setzen Sie die Hintergrundfarbe des Buttons fest.

Button Primärfarbe

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.

Button Sekundärfarbe

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.

Button Umrandung

Man kann Einstellungen für den Radius, die Breite und die Farbe der Umrandung des Buttons vornehmen.

Animationsgeschwindigkeit

Setzen Sie die Animationsgeschwindigkeit für die Anzeige des Inhalts bei „Off-Canvas“ oder bei „Modal“.

Timingfunktion

Setzen Sie die Animationsgeschwindigkeit für die Anzeige des Inhalts bei „Off-Canvas“ oder bei „Modal“.

Off-Canvas Position Button

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“.

Größe Inhalt

Legen Sie die Größe des Inhalts im „Off-Canvas“ und im „Modal“ fest.

Inhalt

Legen Sie den Inhalt für den „Modal“ oder „Off-Canvas“ fest. Es ist möglich, eigenes HTML-Code zu verwenden.

Hintergrundfarbe

Die Hintergrundfarbe für den „Modal“ oder den „Off-Canvas“ Bereich.

Farbe

Die Farbe des Inhalts im „Modal“ oder im „Off-Canvas“.

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.
Interaktives Seitenelement für besondere Hinweise

Häufige Fragen zur App

Warum wurde die von mir gesetzte Einstellung in der App-Konfiguration nicht im Shop übernommen?

Bitte prüfen Sie, ob die App und der Regler „Button anzeigen“ aktiv sind. Kompilieren Sie das Theme und prüfen Sie dann nochmals, ob die Anpassungen sichtbar sind.

Wo finde ich die Einstellungen zur Konfiguration der App?

Um die Einstellungen in der App vorzunehmen, gehen Sie im Backend Menü auf „Erweiterungen“ > „Meine Erweiterungen“ und bei dem Seitenelement 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.

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