Animierter Zähler

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.

Details
  • Version 1.0.3
  • Kompatibel mit 6.1.0 – 6.1.6 6.2.0 6.2.2 – 6.2.3 6.3.0.0 – 6.3.0.2 6.3.1.0 – 6.3.1.1 6.3.2.0 – 6.3.2.1 6.3.3.1 6.3.3.0 6.3.4.0 – 6.3.4.1 6.3.5.0 – 6.3.5.4 6.4.0.0
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: Hinzufügen über die Erlebniswelten

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

Schritt 3: Inhalte festlegen

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 Element bearbeiten. In den Einstellungen des Elements können Sie den Zähler im Tab „Inhalt“ befüllen. Sie haben die Möglichkeit die Zahlen für die 4 Zähler sowie die Beschriftungen zu setzen. Es sind Zahlen zwischen 1 und 1000000 möglich.

Schritt 4: Weitere Konfiguration des Zählers

In den Einstellungen des Zähler Elements können Sie im Tab „Einstellungen“ die weitere Konfiguration vornehmen. Hier haben Sie die Möglichkeit die Animationsgeschwindigkeit sowie die Darstellung des Zählers festzulegen. Neben vordefinierten Designs und Farbpaletten, können Sie die 4 Zähler auch individuell einfärben. 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 Zähler 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

Inhalte

Sie können die Zahl sowie das Label für die Zähler festlegen. Für die Zahl sind Werte im Bereich 1 bis 1000000 möglich.

Animationsgeschwindigkeit

Sie können auswählen, ob die Zähler sehr langsam, langsam, normal, schnell oder sehr schnell hochzählen sollen.

Design:

Sie haben die Möglichkeit einen vordefinierten Stil für den Zähler auszuwählen oder alternativ individuelle Farben für die 4 Zähler festzulegen.

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.
Animierter Zähler

Häufige Fragen zur App

Warum wird der Zähler im Frontend nicht angezeigt?

Bitte stellen Sie sicher, dass Sie den Zähler 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