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).
Wenn Sie die App erfolgreich installiert und aktiviert haben, finden Sie in der Menüleiste der Administration einen neuen Untermenüpunkt „Icon Boxen“ unter dem Hauptmenüpunkt „Kataloge“. Klicken Sie auf diesen neuen Menüpunkt um in die Verwaltung der Icon Boxen zu gelangen.Hier können Sie neue Icon Boxen anlegen und vorhandene Icon Boxen bearbeiten oder entfernen. Ebenso finden Sie hier eine Übersicht über alle von Ihnen angelegten Icon Boxen. Um eine neue Icon Box anzulegen, klicken Sie auf den blauen Button „Icon Box hinzufügen“. Anschließend können Sie die gewünschten Inhalte für die Icon Box setzen. Sie haben die Möglichkeit ein vorhandenes Icon zu setzen oder wahlweise ein eigenes Icon hochzuladen. Wenn Sie ein eigenes Bild verwenden möchten, empfehlen wir Ihnen, ein Bild in einer Auflösung von 300 x 300 Pixeln zu verwenden. Sobald Sie die gewünschten Inhalte für eine Icon Box hinterlegt haben, können Sie diese durch Klick auf den Button „Speichern“ abspeichern. Achten Sie darauf, dass alle Felder auszufüllen. Sie können beliebig viele verschiedene Icon Boxen anlegen. Im nächsten Schritt erfahren Sie, wie Sie die Boxen dem jeweiligen Produkt zuweisen, damit die Icons auf der gewünschten Produktseite erscheinen.
Damit die im vorigen Schritt angelegten Icon Boxen auf der gewünschten Produktseite angezeigt werden, klicken Sie in der Menüleiste der Administration auf „Kataloge“ > „Produkte“. Öffnen Sie das jeweilige Produkt in der Bearbeitungsansicht. Dort finden Sie ganz unten den Bereich „Icon Boxen“. Hier können Sie aus den hinterlegten Icon Boxen auswählen, welche bei diesem Produkt angezeigt werden sollen.
In den App-Einstellungen können den Titel, welcher über den Icon Boxen angezeigt wird, konfigurieren. Um in die App-Einstellungen zu gelangen, klicken Sie in der Menüleiste der Administration auf „Erweiterungen“ > „Meine Erweiterungen“ > „Apps“. Rufen Sie hier das Kontext-Menü, den Button mit den 3 Punkten („…“), auf, indem Sie mit der Maus über die „Icon Boxen für Produktseite“-App fahren. Klicken Sie auf „Konfiguration“, damit die Einstellungsmöglichkeiten der App sichtbar sind. Speichern Sie Ihre gewünschten Einstellungen durch Klick auf den Button „Fertig“.
Sie können ein vorhandenes Icon auswählen oder ein eigenes Icon hochladen. Wenn Sie ein eigenes Bild verwenden möchten, empfehlen wir Ihnen, ein Bild in einer Auflösung von 300 x 300 Pixeln zu verwenden.
Tragen Sie ein, welcher Titel beim Icon erscheinen soll. Das Titel-Feld wird nur angezeigt, wenn Sie dies in den Einstellungen aktiviert haben.
Tragen Sie hier ein, welcher Text beim Icon erscheinen soll. Die Textfarbe ist frei wählbar.
Dieses Feld dient zur besseren Identifikation der Icons in der Übersicht (Tabelle). Die Bezeichnung kann beispielsweise zur besseren Unterscheidung von zwei Icons genutzt werden, falls der Titel und die Beschreibung zu einem Icon nicht eindeutig sind.
Darüber hinaus können Sie das Design der Icons individuell festlegen. Wählen Sie aus den mitgelieferten Icons das passende Icon aus oder nutzen Sie alternativ ein eigenes Icon.
Es können Übersetzungen für den Titel sowie die Beschreibung hinterlegt werden. Nach dem Anlegen eines Icons in der Systemsprache wird ein Sprachumschalter angezeigt, mit welchem Sie in der Bearbeitungsansicht eines Icons die Sprache wechseln können. Nach dem Wechsel in die gewünschte Sprache können Sie den sprachenspezifischen Titel sowie die sprachenspezifische Beschreibung für das jeweilige Icon hinterlegen.