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).
Um Bilder mit Markierungen zu Ihrem Shop hinzuzufügen, gehen Sie im Backend in den Bereich „Inhalte“ > „Erlebniswelten“ und öffnen Sie die gewünschte Erlebniswelt, in welcher die Markierungen erscheinen sollen. Anschließend können Sie den „Bild mit Markierungen“-Block zur Erlebniswelt über Drag & Drop hinzufügen. Sie finden den Block in der Kategorie „Text & Bild“. Wenn Sie mit der Maus über das Element 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 im Tab „Einstellungen“ die weitere Konfiguration vornehmen. Hier haben Sie die Möglichkeit das Bild, die Anzahl der Markierungen, das Design sowie die Farbe für die Markierungen und der Links zu bestimmen. Für eine optimale Darstellung empfehlen wir eine Auflösung von 1920 x 960 Pixeln für das Bild, welches Sie hochladen. Bestenfalls sollten Sie das Bild vor dem Upload komprimieren.
In den Optionen des Elements können Sie im jeweiligen Tab („Markierung 1“, „Markierung 2“ usw.) die Position der Markierung sowie die Inhalte, welche beim Hover über die jeweilige Markierung erscheinen, festlegen. 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 das Bild mit den Markierungen wie gewünscht im Storefront dargestellt werden.
Da es stets vorkommen kann, dass die App unter bestimmten Theme-, App- und Shopkonstellationen nicht richtig funktioniert, sollten Sie anschließend testen, ob die Bildmarkierungen in Ihrem Shop wie gewünscht funktionieren.
Sie können ein vorhandenes Bild aus Ihren Medienordnern auswählen oder ein neues Bild hochladen. Für eine optimale Darstellung empfehlen wir eine Auflösung von 1920 x 960 Pixeln für das Bild, welches Sie hochladen. Bestenfalls sollten Sie das Bild vor dem Upload komprimieren.
Wählen Sie aus, wie viele Markierungen auf dem Bild angezeigt werden sollen. Sie haben die Möglichkeit bis zu 50 Markierungen zu setzen.
Sie können aus 3 verschiedenen Designs auswählen, wie die Markierungen dargestellt werden sollen.
Um die Markierungen auf das Bild abzustimmen, haben Sie die Möglichkeit eine beliebige Farbe für die Markierungen zu setzen. Der Link, welcher in der Inhaltsbox beim Hover über eine Markierung erscheint, wird ebenso in dieser Farbe eingefärbt.
Tragen Sie ein, welcher Titel in der Inhaltsbox, welche beim Hover über die jeweilige Markierung erscheint, angezeigt werden soll.
Tragen Sie ein, welche Beschreibung in der Inhaltsbox, welche beim Hover über die jeweilige Markierung erscheint, angezeigt werden soll.
Sie können auswählen, ob in der Inhaltsbox zur Markierung ein Link angezeigt werden soll.
Hier können Sie eintragen, zu welcher URL in der Inhaltsbox verlinkt werden soll.
Tragen Sie ein, welches Label der Link erhalten soll.