An international version is available for our store.
Zum Hauptinhalt springen Zur Suche springen Zur Hauptnavigation springen
Zenit Design

Einkaufswelt Parallax Text Slider Banner

Bewertung: 5.0

Durchschnittliche Bewertung von 5 von 5 Sternen

(4 Bewertungen)
Downloads: 364

Beschreibung

Highlights

  • Einkaufswelten Element → einfach zu verwenden
  • inkl. installierbarer Vorlage → inkl. Einkaufsweltenvorlage der Demo
  • Alle Einkaufswelten Modi werden unterstützt → Fluid, Resize & Zeilen Modus
  • Echter Parallax Effekt → gegenläufiges Scrollen, Parallax Verschiebung beim Scrollen
  • Text Slider → Text auf Bild als animierter Slider

Features

  • Bis zu 3 Bild-Ebenen
  • Geschwindigkeit und Richtung pro Ebene
  • Vertikaler Offset pro Ebene
  • Viele Gestaltungsmöglichkeiten

Über die Erweiterung

Einkaufswelt Parallax Text Slider Banner
Einkaufswelten Element

Mit dem Parallax Text SLider Banner kannst Du den beeindruckenden Parallax-Effekt mit einem Text Slider kombinieren. Beim Parallax-Effekt werden verschiedene Bilder auf unterschiedlichen Ebenen positioniert. Beim Herunterscrollen werden die Ebenen in unterschiedlicher Geschwindigkeit und Richtung zueinander bewegt. Dadurch entsteht ein Effekt von Räumlichkeit und Bewegung. Es können bis zu drei Bild-Ebenen und eine Text-Ebene eingestellt werden. 



— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

  • inkl. Einkaufsweltenvorlage der Demo
  • Echter Parallax Effekt
  • Bis zu 3 Bild-Ebenen
  • Geschwindigkeit und Richtung pro Ebene
  • Vertikaler Offset pro Ebene
  • Text Slider

Parallax Verschiebung beim Scrollen



— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

    ✓ 3 Ebenen     ✓ Echter Parallax Effekt     ✓ Viele Gestaltungsmöglichkeiten     ✓ inkl. Einkaufswelt Vorlage


— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

Parallax Banner

Der Parallax Effekt gehört zu den beliebtesten Effekten im Webdesign. Technisch gesehen lässt dieser Effekt das Hintergrundbild mit einer geringeren Geschwindigkeit im Vergleich zu dem Vordergrundbild bewegen, wenn man die Seite nach unten scrollt. Durch diesen Effekt entsteht ein Gefühl von Tiefe und Dynamik.

Parallax Verstehen

Beim Parallax-Effekt wird das Bild an einer festen Position im Browserfenster fixiert und erweckt dadurch beim Scrollen den Anschein, dass die Inhalte oder Bilder in den Ebenen darüber über das Hintergrundbild geschoben werden. (background-attachment: fixed) ist daher die Basis für den Parallax Effekt.

Zusätzlich werden die fixierten Bilder und Ebenen mit Javascript beim Scrollen nach oben oder unten bewegt (Konfiguration: Geschwindigkeit). So können die Bilder in unterschiedlicher Richtung aneinander vorbeigeschoben werden, wie die Schuhe in unserer Demo.



— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

Hinweise

background-attachment: fixed ist relativ zum Viewport. Das bedeutet, dass sich die Größe des Bildes nach dem Browser-Fenster richtet und nicht nach der Größe des Einkaufswelten Elements im Raster.

  • Der Effekt eignet sich besonders für vollflächige Einkaufswelten.
  • Es können mehrschichtige, aber auch einfachere Banner Elemente mit nur einem Bild erzeugt werden. Es besteht kein Zwang mehrere Bilder und Ebenen zu verwenden.
  • Der Einkaufswelten Modus Fluid eignet sich am besten für diesen Effekt.
  • Der Einkaufswelten Modus Resize lässt aus technischen Gründen keine fixierte Positionierung von Bilder zu. Die Bilder beziehen sich in Ihrer Größe daher nicht auf den Viewport des Browsers, sondern auf die Größe des Einkaufswelten-Elements.        
    Interessant: Kleinere und nebeneinanderliegende Parallax-Banner sind möglich. Die einzelnen Bilder lassen sich beim Scrollen durch die Konfiguration Geschwindigkeit beim Mitscrollen beschleunigen oder bremsen.
  • Die über Bild 1 (Hintergrundbild) liegenden Bilder sollten Bilder mit transparentem Hintergrund sein - Dateiformate hierzu wären *.png oder *.gif

Hilfreich:Verwende die Einkaufswelten Vorlage um einen Banner zu erstellen.

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

Dokumentation

https://docs-sw5-parallaxbanner.zenit.design

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

› Wir helfen Dir!
kurzfristig und kostenlos

FAQ & Support: www.zenit.design

Details

  • Verfügbar in: Englisch, Deutsch
  • Zuletzt aktualisiert: 3. Mai 2022
  • Veröffentlicht: 18. Januar 2018
  • Version: 2.2.1
  • Kategorie: Erlebniswelten

Ressourcen

Bewertungen (4)

Durchschnittliche Bewertung
5.0

Durchschnittliche Bewertung von 5 von 5 Sternen

Basiert auf 4 Bewertungen
5.0 Funktionalität
5.0 Bedienung
5.0 Dokumentation
5.0 Support

100 %
0 %
0 %
0 %
0 %

Bewertung schreiben

Wenn du diese Erweiterung heruntergeladen hast, kannst du diese im Shopware Account bewerten.

Bewertung schreiben
Nur zu empfehlen - Support spitze
5.0

Durchschnittliche Bewertung von 5 von 5 Sternen

von Mark A
13. Februar 2023 17:51
Ich habe absolut keine Kritikpunkte, außer dass es nicht noch mehr Erweiterungen gibt. :)
5.0 Funktionalität
5.0 Bedienung
5.0 Dokumentation
5.0 Support
Mehr geht nicht - P E R F E K T E R S E R V I C E *****
5.0

Durchschnittliche Bewertung von 5 von 5 Sternen

von Thomas Kraus - Spanngummishop.de
8. Dezember 2020 22:19
Man denkt oft "Mehr geht nicht"... Ich wurde so eben eines besseren belehrt. Eine Fehlersuche und eine Problembehebung so wie die Ankündigung eine Aktualisierung im Plugin vorzunehmen ist das eine. Die Umsetzung innerhalb von 3 Stunden vorzunehmen, so daß nicht nur das Problem behoben ist und das Plugin eine zusätzliche Aufwertung von 100% erhält, das habe ich so noch nie erlebt. Wir betreiben 3 eigenständige Shops mit bis zu 150 Pluginlizenzen pro Shop und haben daher sehr viel Kontakt mit Herstellern und haben schon so manches erlebt. Dieses Team aber spricht die Sprache der Kunden! Von uns gibt es daher 5 ***** - Danke!
5.0 Funktionalität
5.0 Bedienung
5.0 Dokumentation
5.0 Support
Wow-Effekt
5.0

Durchschnittliche Bewertung von 5 von 5 Sternen

von Christian Dietrich
6. April 2019 09:59
Danke für das tolle Plugin. Hat mir sehr dabei geholfen eine Startseite mit Wow-Effekt zu designen.
5.0 Funktionalität
5.0 Bedienung
5.0 Dokumentation
5.0 Support
Cooler Effekt!
5.0

Durchschnittliche Bewertung von 5 von 5 Sternen

von Sven
7. März 2018 09:29
Der Parallax Banner sieht echt schick aus und lässt sich auch sehr gut und einfach erstellen. Man kann einfache Parallax Banner, aber auch vielschichtigere Banner erstellen auf denen sich mehrere Ebenen auf einmal verschieben.
5.0 Funktionalität
5.0 Bedienung
5.0 Dokumentation
5.0 Support

Über den Extension Partner

Partner Status

  • Shopware Premium Extension Partner Shopware
    Premium Extension Partner

Details

  • Ø-Bewertung: 5

    Durchschnittliche Bewertung von 5 von 5 Sternen

  • Partner seit: 2015
  • Erweiterungen: 48

Support

  • Land: Germany
  • Spricht: Deutsch, Englisch
  • Reaktionszeit: Sehr schnell