Follow
Top

Plugin „Animierte Markierungen für Bilder“

Beschreibung

So funktioniert das Plugin

Einrichtung

Erste Schritte

Einstellungen

Mögliche Optionen

FAQ

Häufige Fragen

Wir wünschen Ihnen viel Spaß mit unserem Plugin! Bei Fragen, Anregungen oder Problemen bei der Einrichtung schreiben Sie uns gerne eine E-Mail an support@code108.de.

Lena & Victor
Das Team von Code 108

Haben Sie Fragen zu unserem Plugin? Schreiben Sie uns einfach eine E-Mail an support@code108.de.

Kontakt

Beschreibung

Sie möchten Ihren Shop um ansprechende Bilder mit animierten Markierungen ergänzen, um die Einsatzmöglichkeiten Ihrer Produkte noch besser in Szene zu setzen? Dann ist das Plugin „Animierte Markierungen für Bilder“ genau das Richtige für Sie. Mit diesem Plugin können Sie in nur wenigen Schritten Bilder mit Markierungen über die Erlebniswelten in Ihren Shop integrieren.
Wählen Sie aus ansprechenden Designs die zu Ihrem Shop passende Darstellung der Markierungen aus. Heben Sie auf diese Weise die Verwendungsmöglichkeiten Ihrer Produkte noch besser hervor. Mit nur wenigen Klicks können Sie Markierungen zu einem beliebigen Bild hinzufügen und die Markierungen farblich auf Ihren Shop abstimmen.

Einrichtung

Bitte nutzen Sie zunächst die Test-Version des Plugins bestenfalls auf einer Test-Umgebung Ihres Shops, um sicherzustellen, dass das Plugin in Ihrem Shop mit dem genutzten Theme und den eingesetzten Plugins reibungslos funktioniert.
  1. Schritt: Installation des Plugins

    Installieren Sie das Plugin vorzugsweise in einer Testumgebung Ihres Shops. Falls Sie die Installation des Plugins in der Live-Umgebung Ihres Shops vornehmen, sollten Sie unbedingt zuvor ein vollständiges Backup Ihres Shops machen, da es bei der Neu-Installation von Plugins stets zu Inkompatibilitäten und schlimmstenfalls zur Nicht-Funktionalität Ihres Shops kommen kann.

    Nachdem Sie die Testversion des Plugin über Ihren Shopware Account bezogen haben, können Sie das Plugin aus dem Shopware Store herunterladen. Anschließend können Sie das Plugin im Backend unter „Einstellungen“ > „System“ > „Plugins“ hochladen.

    Plugin installieren

    Wenn das Plugin erfolgreich hochgeladen wurde, sollte es in der Plugin-Liste „Meine Plugins“ angezeigt werden. Jetzt können Sie das Plugin über das Kontext-Menü, den Button mit den 3 Punkten („…“), installieren.

  2. Schritt: Aktivieren des Plugins

    Sobald Sie das Plugin installiert haben, können Sie das Plugin durch Klick auf den Regler-Button aktivieren. Wenn das Plugin aktiv ist, wird der Regler blau.

    Inaktives Plugin
    Aktives Plugin
  3. Schritt: Hinzufügen über die Erlebniswelten

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

    Block hinzufügen

    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.

    Element konfigurieren
  4. Schritt: Konfiguration des Elements

    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.

  5. Schritt: Setzen der Eigenschaften für die Markierungen

    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.

Einstellungen

Bild:
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.

Anzahl:
Wählen Sie aus, wie viele Markierungen auf dem Bild angezeigt werden sollen. Sie haben die Möglichkeit 2, 3 oder 4 Markierungen zu setzen.

Design:
Sie können aus 3 verschiedenen Designs auswählen, wie die Markierungen dargestellt werden sollen.

Farbe:
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.

Die folgenden Optionen können für jede Markierung individuell festgelegt werden:

Titel:
Tragen Sie ein, welcher Titel in der Inhaltsbox, welche beim Hover über die jeweilige Markierung erscheint, angezeigt werden soll.

Beschreibung:
Tragen Sie ein, welche Beschreibung in der Inhaltsbox, welche beim Hover über die jeweilige Markierung erscheint, angezeigt werden soll.

Link:
Sie können auswählen, ob in der Inhaltsbox zur Markierung ein Link angezeigt werden soll.

URL:
Hier können Sie eintragen, zu welcher URL in der Inhaltsbox verlinkt werden soll.

Text:
Tragen Sie ein, welches Label der Link erhalten soll.

FAQ

Warum wird das Bild mit den Markierungen im Storefront nicht angezeigt?
Bitte stellen Sie sicher, dass Sie das Bild mit den Markierungen auch bei der Erlebniswelt hinzugefügt haben, die für die gewünschte Seite bzw. Kategorie aktiv ist.