AKTION: GRATIS PREMIUM PLUGIN beim Kauf einer Professional Edition
Aktion endet in:
  • 00
    Tagen
  • 00
    Stunden
  • 00
    Minuten
  • 00
    Sekunden
Einkaufswelt Parallax Banner

Einkaufswelt Parallax Banner

l Quelloffen
71 Downloads
Responsive

Version:

29,00 €  *
ODER erwirb diese Erweiterung in einem Bundle:
Einkaufswelten Bundle
Google Schriften / Fonts Changer
Einkaufswelt Parallax Text Slider Banner
Einkaufswelt Parallax Banner
70,55 €  * Statt 83,00 €  *
Dieser Hersteller reagiert sehr schnell auf Supportanfragen
    zenit26128624754
  • 1.2.1
  • 16.08.2018
  • de_DE en_GB
  • von Zenit Design
  • 5.2.11 – 5.2.27
    5.3.0 – 5.3.7
    5.4.0 – 5.4.6
    5.5.0 – 5.5.1

Bundles

Für die gewählte Variante sind keine Bundles verfügbar. Für Bundle-Angebote wählen Sie bitte eine andere Variante aus.
Einkaufswelten Bundle
Bundle für Deine Einkaufswelt. Kombiniere einzigartige Schriften mit neuen Bannern!
Bundle für Deine Einkaufswelt. Kombiniere einzigartige Schriften mit neuen Bannern! mehr erfahren »
Fenster schließen

Einkaufswelten Bundle

Bundle für Deine Einkaufswelt. Kombiniere einzigartige Schriften mit neuen Bannern!
Google Schriften / Fonts Changer
Einkaufswelt Parallax Text Slider Banner
Einkaufswelt Parallax Banner
70,55 €  * Statt 83,00 €  *

Bundle anzeigen

Beim Speichern der Bundle-Konfiguration ist ein Fehler aufgetreten.
Google Schriften / Fonts Changer
1x Google Schriften / Fonts Changer
Zenit Design   19,00 €  *
Einkaufswelt Parallax Text Slider Banner
1x Einkaufswelt Parallax Text Slider Banner
Zenit Design   35,00 €  *
Einkaufswelt Parallax Banner
1x Einkaufswelt Parallax Banner
Zenit Design   29,00 €  *
Mach mehr aus Deinem Shop! Mit Themes von Zenit... mehr

Produktinformationen

Mach mehr aus Deinem Shop!Mit Themes von Zenit Design

Jetzt entdecken
Theme Gutscheincode:
(nur noch verfügbar)

Einkaufswelt Parallax BannerEinkaufswelten Element

Mit dem Parallax Banner kannst Du den beeindruckenden Parallax-Effekt in Deiner Einkaufswelt einfügen. 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.

zenit Design Shopware parallax Banner - Eeinkaufswelten Element
  • inkl. Einkaufsweltenvorlage der Demo
  • Echter Parallax Effekt
  • Bis zu 3 Bild-Ebenen
  • Geschwindigkeit und Richtung pro Ebene
  • Vertikaler Offset pro Ebene

Parallax Verschiebung beim Scrollen

zenit Design Shopware Parallax Banner

3
Ebenen

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

Wir helfen Dir, kurzfristig und kostenlos

Doku, FAQ, Support
Bewertungen lesen, schreiben und diskutieren... mehr

Kundenbewertungen

Durchschnittliche Kundenbewertung aus 1 Bewertungen:

Gesamt (1)
Funktionalität
Bedienung
Dokumentation
Support

Fantastisch!

01.05.2018

Ich habe schon einige Plugins aus dem Store verwendet aber bei keinem Plugin war ich so begeistert wie von diesem hier. Es lässt sich sehr einfach bedienen, funktioniert absolut fehlerfrei und im Grunde war alles Selbsterklärend.

Ich habe zwar gerade nur die Testversion installiert, aber es wird mit absoluter SIcherheit in den nächsten Tagen gekauft! Danke für die fantastische Arbeit.

Gesamt
Funktionalität
Bedienung
Dokumentation
Support

Installationsanleitung

Installation über den Pluginmanager

Bei der Installation des Plugins wird eine Einkaufswelten Vorlage installiert. Du kannst diese unter Marketing > Einkaufselten > "Aus Vorlage erstellen" verwenden.


Cache leeren und Theme kompilieren


Lizenz-Manager

Die Lizenz für den Lizenz-Manager findest Du in Deinem Shopware Account.

Einrichtung

Starte mit der Vorlage um einen einfacheren Einstieg in den Parallax Effekt zu bekommen. Der Effekt lässt sich im "Fluid" Modus der Einkaufswelten am besten darstellen.


Zur Dokumentation

Änderungen

Version 1.2.1

  • Bugfix: background-attachment: fixed für mobile Geräte (iOS, Android) auf background-attachment: scroll geändert, da dies auf mobilen Geräten zu unvorhergesehenen Darstellungen der Bilder führt. Insbesondere in Kombination mit background-size: cover führt dies zu Problemen in der Darstellung. Mehr Informationen unter:  https://caniuse.com/#search=background-attachment

Version 1.2.0

  • Feature: Shopware 5.5 Kompatibilität
  • Feature: Dieses Plugin ist nun quelloffen und verzichtet auf die Verschlüsselung mittels der Codierungs-Software ionCube.
  • Feature: Kompatibilität mit PHP Version > 7.0.0 durch den Verzicht auf die ionCube Veschlüsselung.

Version 1.1.0

  • Anpassung der Kompatibilität für SW 5.5
  • ComponentHandler hinzugefügt

Version 1.0.0

Initial Release - Erstveröffentlichung

Infos zum Hersteller

24 Erweiterungen
2 7 2
5 Ø-Bewertung

Version:

29,00 €  *

Zuletzt angesehen