Icon Boxen für die Erlebniswelten

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.

In unserer Demo können Sie sich anschauen, wie die Icon Boxen 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: Hinzufügen über die Erlebniswelten

Um die Icon Boxen zu Ihrem Shop hinzuzufügen, gehen Sie im Backend in den Bereich „Inhalte“ > „Erlebniswelten“ und öffnen Sie die gewünschte Erlebniswelt, in welcher die Boxen erscheinen sollen. Anschließend können Sie den „Icon Boxen“-Block zur Erlebniswelt über Drag & Drop hinzufügen. Sie finden den Block in der Kategorie „Text & Bild“.

Schritt 4: Inhalte festlegen

Wenn Sie mit der Maus über eines der Elemente fahren, erscheint ein Icon für die Einstellungen. Durch Klick auf das Einstellungs-Icon können Sie das jeweilige Element bearbeiten. In den Optionen des Elements können Sie den Inhalt der Icon Box im Tab „Inhalt“ befüllen. Sie haben die Möglichkeit ein vorhandenes Icon zu setzen oder wahlweise ein eigenes Icon hochzuladen.

Schritt 5: Weitere Konfiguration der Boxen

In den Optionen des Icon-Elements können Sie im Tab „Einstellungen“ die weitere Konfiguration vornehmen. Hier haben Sie die Möglichkeit den Titel, den Text sowie den Mehr-Button auszublenden. Ebenso können Sie hier das Design der Boxen bestimmen. Speichern Sie Ihre gewünschten Einstellungen durch Klick auf den Button „Fertig“. Wenn Sie zufrieden mit den gesetzten Inhalten und den Einstellungen sind, speichern Sie die Erlebniswelt ab und überprüfen Sie, ob die Icon Boxen wie gewünscht im Frontend dargestellt werden.

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

Icon

Sie können ein vorhandenes Icon auswählen oder ein eigenes Icon hochladen.

Titel

Tragen Sie ein, welcher Titel beim Icon erscheinen soll. Das Titel-Feld wird nur angezeigt, wenn Sie dies in den Einstellungen aktiviert haben.

Text

Tragen Sie hier ein, welcher Text beim Icon erscheinen soll. Das Text-Feld wird nur angezeigt, wenn Sie dies in den Einstellungen aktiviert haben.

Mehr-Button Link

Hier können Sie eintragen, zu welcher URL der Mehr-Button verlinkt werden soll. Der Mehr-Button wird nur angezeigt, wenn Sie diesen in den Einstellungen aktiviert haben.

Label

Tragen Sie ein, welches Label der Mehr-Button bekommen soll.

Weitere Einstellungen

Im Einstellungen-Tab können Sie das Design der Icon Boxen festlegen. Zudem können Sie auswählen, ob der Titel, der Text sowie der Mehr-Button angezeigt werden soll.

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.
Icon Boxen für die Erlebniswelten

Häufige Fragen zur App

Warum werden die Icon Boxen im Frontend nicht angezeigt?

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

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