Ready Speziell für Shopware 6 entwickelt
Webse AnimateScroll Plugin

Webse AnimateScroll Plugin

Version:

65,00 €  *
Quelloffen
Responsive
Dieses Plugin ist für Shopware 5 verfügbar
    webse74486150662
  • 1.0.0
  • 27.10.2019
  • de_DE en_GB
  • von Christian Kilian
  • 6.0.0
Mit diesem Plugin ist es möglich, Animationseffekte beim Scrollen der Seite zu implementieren.... mehr

Produktinformationen

Mit diesem Plugin ist es möglich, Animationseffekte beim Scrollen der Seite zu implementieren. Es gibt viele Bibliotheken, die uns diese Aufgabe erleichtern. AOS , auch als Animate on Scroll bezeichnet , ist eine solche Bibliothek, die genau das tut, was der Name andeutet: Sie können verschiedene Arten von Animationen auf Elemente anwenden, wenn diese in der Ansicht gescrollt werden. 


So funktioniert AOS: Eigentlich ist die Idee hinter AOS simpel. Alle Elemente und ihre Positionen werden auf der Website überwacht. Für die Animation wird dann lediglich die CSS-Klasse hinzugefügt beziehungsweise wieder entfernt.  Außerdem bringt AOS eine Reihe von verschiedenen Animationen mit, die bereits Out-of-the-Box verfügbar sind. Doch auch neue Animationen lassen sich leicht erstellen – und zwar ohne, dass man sich über die Dauer oder Verzögerung Sorgen machen muss.


So wird AOS in die Erlebniswelt eingebaut: Gebe eine gewünschte Animation in die CSS-Klasse das jeweilige Erlebniswelt-Element ein:


Fade animations

  • fade
  • fade-up
  • fade-down
  • fade-left
  • fade-right
  • fade-up-right
  • fade-up-left
  • fade-down-right
  • fade-down-left

Flip animations

  • flip-up
  • flip-down
  • flip-left
  • flip-right

Zoom animations

  • zoom-in
  • zoom-in-up
  • zoom-in-down
  • zoom-in-left
  • zoom-in-right
  • zoom-out
  • zoom-out-up
  • zoom-out-down
  • zoom-out-left
  • zoom-out-right
Beschreibung vergrößern

Features

  • Once: Dieses Attribut gibt an, ob die Animation beim wiederholten Scrollen der Seite wiederholt werden soll
  • Duration: Dieses Attribut gibt an, mit welchem Tempo 50 bis 3000 ms (Schritt 50, 100, 150, ...) die Animation beschleunigt oder verlangsamt wird
  • Delay: Dieses Attribut gibt an, wann eine Animation verzögert 50 bis 3000 ms (Schritt 50, 100, 150, ...) starten soll
  • Offset: Dieses Attribut sorgt dafür, dass die Animation früher oder später als zur festgelegten Zeit (Standardwert ist 120 Pixel) auslösen wird
  • Easing: Dieses Attribut sorgt für ein weiches Anlaufen, Beschleunigen und Auslaufen der Animation
Bewertungen lesen, schreiben und diskutieren... mehr

Kundenbewertungen

Installationsanleitung

  • Installation erfolgt über die Administrationsoberfläche
  • Lade das Plugin in den Plugin-Manager "Meine Plugins" hoch: Einstellungen > System > Plugins -> Button Plugin hochladen
  • Nun sollte das Plugin "Webse AnimateScroll Plugin" im Plugin-Manager erscheinen
  • Klicke nun mit der Maus auf die drei Punkte und Installiere das Plugin
  • Nach erfolgreicher Installation warte ca. 5 Sekunden und aktiviere anschliessend das Plugin
  • Nachdem das Plugin erfolgreich installiert und aktiviert wurde
  • ...klicke erneut auf die drei Punkte und öffne die Konfiguration
  • ...wechsle zu den Verkaufskanälen > Theme -> Theme Zuweisung > Button Theme bearbeiten


So wird AOS in die Erlebniswelt eingebaut: Gebe eine gewünschte Animation in die CSS-Klasse das jeweilige Erlebniswelt-Element ein:


Fade animations

  • fade
  • fade-up
  • fade-down
  • fade-left
  • fade-right
  • fade-up-right
  • fade-up-left
  • fade-down-right
  • fade-down-left

Flip animations

  • flip-up
  • flip-down
  • flip-left
  • flip-right

Zoom animations:

  • zoom-in
  • zoom-in-up
  • zoom-in-down
  • zoom-in-left
  • zoom-in-right
  • zoom-out
  • zoom-out-up
  • zoom-out-down
  • zoom-out-left
  • zoom-out-right

Änderungen

Version 1.0.0

Plugin Erstveröffentlichung

Infos zum Hersteller

Christian Kilian Christian Kilian 18 Erweiterungen
1 0 0
4 Ø-Bewertung

Version:

65,00 €  *

Zuletzt angesehen