Shopware 5 Plugin

Animierter Zähler

Sie möchten Ihren Shop um einen animierten Zähler ergänzen, um bestimmte Kennzahlen zu Ihrem Shop oder Ihren Produkten prominent in Szene zu setzen? Dann ist das Plugin „Animierter Zähler für Einkaufswelten“ genau das Richtige für Sie. Mit diesem Plugin können Sie in nur wenigen Schritten einen animierten Zähler über die Einkaufswelten in Ihren Shop integrieren. Wählen Sie aus ansprechenden Designs die zu Ihrem Shop passende Darstellung des Zählers aus.

In unserer Dokumentation erklären wir Ihnen, wie Sie das Plugin installieren und einrichten können. Bei Fragen zu unserem Plugin oder Problemen bei der Einrichtung schreiben Sie uns gerne eine Nachricht an support@code108.de.

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.

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.

Sobald Sie das Plugin installiert haben, aktivieren Sie das Plugin über den Plugin Manager. Erst dann sollten Sie die Plugin-Einstellungen vornehmen.

Schritt 1: Animierten Zähler in Einkaufswelt einfügen

Damit der animierte Zähler in Ihrem Shop erscheint, können Sie diesen in eine Einkaufswelt einfügen. Gehen Sie dazu im Backend-Menü auf „Marketing“ und dann auf den Untermenüpunkt „Einkaufswelten“. Wählen Sie die gewünschte Einkaufswelt aus oder erzeugen Sie sich eine neue Einkaufswelt, in welcher der animierte Zähler erscheinen soll. In der Bearbeitungsansicht der Einkaufswelt finden Sie dann unter dem Reiter „Elemente“ im Bereich „Weitere Elemente“ das „Animierter Zähler“-Element.

Ziehen Sie dieses an die gewünschte Position in Ihrer Einkaufswelt, bestenfalls sollte das Element über die gesamte Spaltenbreite aller Spalten gehen. Anschließend müssen Sie die gewünschten Optionen für den Zähler durch Klick auf das Stift Icon, welches beim Hover über das Zähler-Element erscheint, festlegen.

In den Einstellungen des Elements können Sie dann die gewünschten Eigenschaften für den Zähler konfigurieren. Sie haben die Möglichkeit die Zahlen für die 4 Zähler sowie die Beschriftungen zu setzen. Ebenso können Sie die Animationsgeschwindigkeit sowie das gewünschte Design festlegen. Wenn Sie dies erledigt haben, speichern Sie Ihre Einstellungen durch Klick auf den blauen Button „Speichern“.

Klicken Sie im Anschluss daran auf „Einkaufswelt speichern“. Kontrollieren Sie dann, ob der Animierte Zähler an der gewünschten Stelle in Ihrem Shop angezeigt wird. Damit der Animierte Zähler angezeigt wird, sollte die Einkaufswelt „Aktiv“ und dem gewünschten Shop zugewiesen sein.

Schritt 4: Theme kompilieren und Shopware Cache leeren

Damit der Zähler wie gewünscht aussieht, müssen Sie im Anschluss Ihr Theme kompilieren sowie den Shop Cache leeren.

Um das zu erledigen, gehen Sie im Backend auf „Einstellungen“>„Caches/Performance“ und dann auf den Reiter „Cache“. Setzen Sie jetzt ein Häkchen bei „Template Cache“ sowie bei „Themes kompilieren“. Im Anschluss daran klicken Sie auf den Button „Leeren“. Jetzt kommt ein Fenster, in dem Sie den Button „Themes kompilieren“ klicken sollten. Danach sollte eine Meldung erscheinen, dass die Themes erfolgreich kompiliert wurden.

Die folgenden Einstellungen können Sie in den Einstellungen des Einkaufswelten Elements vornehmen:

Inhalte

Sie können die Zahl sowie das Label für die Zähler festlegen.

Animationsgeschwindigkeit:

Sie können die Zahl sowie das Label für die Zähler festlegen.

Design

Sie haben die Möglichkeit einen vordefinierten Stil für den Zähler auszuwählen.

  • Warum wird der Zähler im Frontend nicht angezeigt?

    Damit der Animierte Zähler angezeigt wird, sollte die Einkaufswelt „Aktiv“ und dem gewünschten Shop sowie der gewünschten Kategorie zugewiesen sein.

Plugin Informationen
Version
1.0.0
Kompatibel mit
Shopware 5.6
Support
support@code108.de
Features
ansprechende Designs inklusive einfache Einrichtung