Animierte Zahlen

string(16) "animierte-zahlen"

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.

In unserer Demo können Sie sich anschauen, wie die Zahlen in Ihrem Shop aussehen könnten:
Demo ansehen
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: Theme kompilieren

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).

Schritt 3: Hinzufügen über die Erlebniswelten

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

Schritt 4: 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. Hier können Sie den Inhalt sowie verschiedene Einstellungen für die Zahlen setzen. 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 Zahlen wie gewünscht im Frontend dargestellt werden.

Schritt 5: Animierte Zahlen testen

Da es stets vorkommen kann, dass die App unter bestimmten Theme-, App- und Shopkonstellationen nicht richtig funktioniert, sollten Sie anschließend testen, ob die animierten Zahlen in Ihrem Shop wie gewünscht funktionieren.

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

Typ

Sie können aus den folgenden 3 verschiedenen Darstellungstypen auswählen: Animierte Balken, Zähler oder Kreise.

Anzahl

Es können 1, 2, 3, 4, 5 oder 6 Zahlenelemente pro Erlebniswelten-Element angezeigt werden.

Animationsgeschwindigkeit (Typ Zähler)

Legen Sie die gewünschte Animationsgeschwindigkeit fest.

Design (Typ Zähler)

Wählen Sie aus verschiedenen Designs die von Ihnen gewünschte Darstellung der Zähler aus.

Füllung (Typ Balken)

Die Balken können einfarbig oder mit einem Farbverlauf gefüllt 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.
Animierte Zahlen

Häufige Fragen zur App

Warum werden die animierten Zahlen im Frontend nicht angezeigt?

Bitte stellen Sie sicher, dass Sie das Zahlen-Element auch bei der Erlebniswelt hinzugefügt haben, die 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