Einkaufswelt Parallax Text Slider Banner

Einkaufswelt Parallax Text Slider Banner

l Verschlüsselt
100 Downloads
Responsive

Version:

35,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
    zenit56559768828
  • 1.1.0
  • 01.06.2018
  • de_DE en_GB
  • von ZENIT Design
  • 5.3.0 – 5.3.7
    5.4.0 – 5.4.6

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 Text Slider BannerEinkaufswelten 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.

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
  • Text Slider

Parallax Verschiebung beim Scrollen

zenit Design Shopware Parallax Banner

Text
Slider

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.

Wir helfen Dir, kurzfristig und kostenlos

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

Kundenbewertungen

Durchschnittliche Kundenbewertung aus 1 Bewertungen:

Gesamt
Funktionalität
Bedienung
Dokumentation
Support

Cooler Effekt!

07.03.2018

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.

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

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

Version 1.0.1

  • Javascript Plugin für Parallax Effekt für Smartphone Portrait initialisiert

Version 1.0.0

Initial Release - Erstveröffentlichung

Infos zum Hersteller

20 Erweiterungen
5 5 1
5 Ø-Bewertung
BUNDLE
Responsive
Einkaufswelt Parallax Banner
(1)
Echter Parallax Effekt als Einkaufswelten Banner Element inkl. Einkaufswelten Vorlage.
BUNDLE
Responsive
Google Schriften / Fonts Changer
(1)
700+ Fonts, simpler Einbau, Integration Google Fonts, Serifen, Serifenlose, Handschriften usw.
Responsive
Noch nie war ein Effekt so auffällig und gleichzeitig schön wie unsere Blur Box. Wir benutzen dies..
Responsive
Mitscrollender Warenkorb / Conversion Warenkorb Button
(2)
Der fixierte Warenkorb verbessert das Einkaufserlebnis und bringt Dir eine höhere Conversion Rate!
Zertifiziert
BUNDLE
Responsive
Versand-Icons / Versandarten / Shipping-Icons für Header, Footer & Checkout
(4)
25+ Versandarten / Shipping-Icons. Anzeige im Header, Footer & Checkout. Tooltips & viele Features
Zertifiziert
BUNDLE
Responsive
Payment-Icons / Zahlungs-Icons / Zahlungsarten  für Header, Footer & Checkout
(13)
95+ Zahlungsarten / Payment Icons. Anzeige im Header, Footer & Checkout. Tooltips & viele Features
Responsive
Flip Kacheln - Drehende Box - Einkaufswelt
(3)
Lassen Sie Ihre Kunden Inhalte entdecken. Verweisen Sie auf der Kachel auf eine Information und b...
BUNDLE
Responsive
Parallax Banner
(10)
Parallax Banner von: almCode | Shopware...
***NEUE FUNKTIONEN SEIT VERSION 2.1.0*** Ein absoluter Eyecatcher auf Seiten ist der Parallax Banner
BUNDLE
Responsive
Erweiterter Einkaufswelt Slider mit freier Gestaltung und Call2Action Button!
(5)
Weg vom normalen, langweiligen Slidern ohne Text? Noch nie war ein Slider so wie der! Aktionen...
Responsive
Parallax Banner von: almCode | Shopware...
Ein absoluter Eyecatcher auf Seiten ist der Parallax Banner...
Zertifiziert
TAB10 Einkaufswelten Vorlagen Set, inkl. Parallax Banner, CTA-Slider und -Banner, animierte Elemente
(4)
Inkl. Parallax Banner, CTA Sliderbanner + Banner, animierten Elementen
Responsive
Elegante Mouseover Effekte für das Einkaufswelt Element Kategorie-Teaser
Responsive
ThemeWare Strong | Customizable Responsive Theme
(5)
Extrem anpassbares, modernes und verkaufsförderndes Responsive Theme mit vielen Zusatz-Funktionen.
Responsive
Gutschein per Link von: vielhuber
Legt einen Gutschein per Link in den Warenkorb
Amazon Dropdown Menü Professionell
(2)
Präsentieren Sie Ihre Navigation wie bei Amazon und fügen Sie Bilder und Texte individuell ein!
Zertifiziert
Responsive
8mylez Premium Hover: Elegance
(2)
Gestalten Sie mit unserem 8mylez Premium Hover wunderschöne Einkaufswelten.
Zertifiziert
Nutze das Set an vorgefertigten Einkaufswelten für eine stimmungsvolle Atmosphäre in Deinem Shop.
Social Media Anbindung von: crystalcomp
Mit Hilfe dieses Plugins können Sie alle bekanntesten Social Media in Ihren Onlineshop schnell und reibungslos anbinden. Nach der Installation und Konfiguration des Plugins werden auf den Produktseiten in Ihrem Onlineshop die Buttons...
BUNDLE
Responsive
Banner Mapping Advanced
(5)
Banner Mapping Advanced von: ZENIT Design
Erweitert das Bild-Mapping der Einkaufswelten-Banner um sichtbare Marker / Spots inklusive Tooltips.
Zertifiziert
BUNDLE
Responsive
Zertifiziert
BUNDLE
Responsive
Labels & Badges | individuell | Listing & Detailseite
(4)
Zusätzliche Badges zur Anzeige individuellen Labels & erweiterten Labels im Listing & Detailseite
Zertifiziert
BUNDLE
Responsive
Countdown Banner für Angebote, Sales & Nachrichten
(8)
Schicker Marketing Countdown Banner für Angebote und Zeiträume bis und während laufender Angebote
Zertifiziert
BUNDLE
Responsive
Banner für Hinweise, Nachrichten & Angebote
(5)
Angebote / Sales, Urlaubsnachricht, Zeitraum steuerbar als Banner inkl. Link & dauerhaft wegklickbar
Zertifiziert
BUNDLE
Responsive
Conversion, Vorteile & Features Leiste
(4)
Zeige Alleinstellungsmerkmale (USPs), Versandinfos, Hinweise als Leiste mit Icons und Effekten
Responsive
Preis auf Anfrage
(12)
Preis auf Anfrage von: kuzo media
Entfernen Sie Preise für beliebige Produkte und ersetzen den Kaufen-Button durch eine Preisanfrage
Artikel Slider - im Halbkreis rotierende Produktübersicht
(1)
​ Was ist Artikel Slider? Artikel Slider ist ein Plugin, mit dem die Produkte in einem fortwährend rotierenden Halbkreis durchgeblättert werden können und das momentan angesehene Produkt hervorgehoben wird....
BUNDLE
Responsive
Einkaufswelt Parallax Banner
(1)
Echter Parallax Effekt als Einkaufswelten Banner Element inkl. Einkaufswelten Vorlage.
BUNDLE
Responsive
Parallax Banner
(10)
Parallax Banner von: almCode | Shopware...
***NEUE FUNKTIONEN SEIT VERSION 2.1.0*** Ein absoluter Eyecatcher auf Seiten ist der Parallax Banner
BUNDLE
Responsive
Banner Mapping Advanced
(5)
Banner Mapping Advanced von: ZENIT Design
Erweitert das Bild-Mapping der Einkaufswelten-Banner um sichtbare Marker / Spots inklusive Tooltips.
Zertifiziert
TAB10 Einkaufswelten Vorlagen Set, inkl. Parallax Banner, CTA-Slider und -Banner, animierte Elemente
(4)
Inkl. Parallax Banner, CTA Sliderbanner + Banner, animierten Elementen
Zertifiziert
BUNDLE
Responsive
Animierte Einkaufswelten
(2)
Belebe deine Einkaufswelten.
Zertifiziert
BUNDLE
Responsive
Labels & Badges | individuell | Listing & Detailseite
(4)
Zusätzliche Badges zur Anzeige individuellen Labels & erweiterten Labels im Listing & Detailseite
Zertifiziert
BUNDLE
Responsive
Banner für Hinweise, Nachrichten & Angebote
(5)
Angebote / Sales, Urlaubsnachricht, Zeitraum steuerbar als Banner inkl. Link & dauerhaft wegklickbar
BUNDLE
Responsive
Erweiterter Einkaufswelt Slider mit freier Gestaltung und Call2Action Button!
(5)
Weg vom normalen, langweiligen Slidern ohne Text? Noch nie war ein Slider so wie der! Aktionen...
Responsive
Parallax Banner von: almCode | Shopware...
Ein absoluter Eyecatcher auf Seiten ist der Parallax Banner...
BUNDLE
Responsive
Das Plugin fügt einen Emotion Banner Slider zu den Einkaufswelten - Elementen hinzu.
Responsive
Parallax Emotion Kachel-Boxen
(2)
Parallax Emotion Kachel-Boxen von: almCode | Shopware...
Verknüpfen Sie den neuen Parallax-Effekt mit den optisch klaren Kachelboxen für Angebote oder News!
Zertifiziert
BUNDLE
Responsive
Parallax-Effekte für Einkaufswelten
(1)
Mit diesem Plugin können Sie ganz einfach Einkaufswelten-Elemente mit Parallax-Effekten erstellen.
Responsive
Weg vom normalen, langweiligen Slidern ohne Text? Noch nie war ein Slider so wie der! Aktionen...
Zertifiziert
Nutze das Set an vorgefertigten Einkaufswelten für eine stimmungsvolle Atmosphäre in Deinem Shop.
BUNDLE
Responsive
Google Schriften / Fonts Changer
(1)
700+ Fonts, simpler Einbau, Integration Google Fonts, Serifen, Serifenlose, Handschriften usw.
Responsive
Noch nie war ein Effekt so auffällig und gleichzeitig schön wie unsere Blur Box. Wir benutzen dies..
Responsive
Mit dem Emotion Row Boxen setzen Sie Ihren Content noch gezielter in den Fokus der Besucher. Egal...
Responsive
Flip Kacheln - Drehende Box - Einkaufswelt
(1)
Lassen Sie Ihre Kunden Inhalte entdecken. Verweisen Sie auf der Kachel auf eine Information und b...
Zertifiziert
BUNDLE
Responsive
Theme GRAVITY | responsive Premium Template
(4)
Mach Gravity zu DEINEM einzigartigen Theme - dank der enorm vielfältigen Theme Konfiguration!
Responsive
Einkaufswelt Elemente Mouseover Effekte
(13)
Elegante Mouseover Effekte für das Einkaufswelt Element Kategorie-Teaser
Zertifiziert
BUNDLE
Einkaufswelten Banner Advanced
(4)
Endlich können Sie Banner in Ihren Einkaufswelten mit Ihren Texten und Ihren Links versehen!
Responsive
ThemeWare Outdoor | Customizable Responsive Theme
(2)
Extrem anpassbares, modernes und verkaufsförderndes Responsive Theme mit vielen Zusatz-Funktionen.
BUNDLE
Responsive
Premium alpenEmotion Theme
(1)
Premium alpenEmotion Theme von: almCode | Shopware...
Das neue Community Theme von der Community für die Community. Solltest du noch Anpassungswünsche....
Responsive
Flip Kacheln - Drehende Box - Einkaufswelt
(3)
Lassen Sie Ihre Kunden Inhalte entdecken. Verweisen Sie auf der Kachel auf eine Information und b...
Responsive
Mitscrollender Warenkorb / Conversion Warenkorb Button
(2)
Der fixierte Warenkorb verbessert das Einkaufserlebnis und bringt Dir eine höhere Conversion Rate!
BUNDLE
Responsive
Einkaufswelten Plus von: nnwebdesign GbR
CSS-ID und CSS-Klasse für Einkaufswelten vergeben. Höhe automatisch via CSS setzen
BUNDLE
Responsive
Marketing Banner Slider von: neonlines GmbH
Verwandeln Sie im Handumdrehen Ihre bestehenden Marketing-Banner in Slider.
Responsive
Artikel & Emotion Bilder Zoom-Effekt
(4)
Bei Mouse-Over werden Bilder im Artikel-Listing & Einkaufswelten-Elementen nett animiert eingezoomt.
Responsive
Einkaufswelt Element Artikel Mouseover Effekte:
(2)
Elegante Mouseover Effekte für das Einkaufswelt Element Artikel
Zertifiziert
BUNDLE
Responsive
Conversion, Vorteile & Features Leiste
(4)
Zeige Alleinstellungsmerkmale (USPs), Versandinfos, Hinweise als Leiste mit Icons und Effekten
Zertifiziert
BUNDLE
Responsive
Theme STRATUS | responsive Premium Template
(1)
Mach Stratus zu DEINEM einzigartigen Theme - dank der enorm vielfältigen Theme Konfiguration!
Responsive
Flip-Effekte für Einkaufswelten
(1)
Mit diesem Plugin können Sie ganz einfach Einkaufswelten-Elemente mit Flip-Effekten erstellen.
Zertifiziert
Responsive
Datenschutz Hinweise - DSGVO - mit Checkbox
(8)
Zeigt im Shop bei Verarbeitung personenbezogener Daten den Hinweis zum Datenschutz nach DSGVO an.
Responsive
Weg vom normalen, langweiligen Banner? Hier haben Sie die perfekte Lösung Artikel oder Aktionen a...
Verwenden Sie Ihre Digital Publishing Elemente in unserem Advanced Slider.
Responsive
Blickfang für Besonderes - Animiertes Textbanner (Lauftext) mit optionalem Link auf Wunschpage
Zertifiziert
BUNDLE
Responsive
Theme SPHERE | responsive Premium Template
(7)
Sphere ist DEIN multipurpose Shopware 5 Theme, welches Du sehr stark individualisieren kannst.
Zertifiziert
Responsive
Shopware Fashion Theme
(1)
Shopware Fashion Theme von: shopware AG
Das neue Fashion-Theme wurde direkt von Shopware entwickelt und bietet Dir somit eine nahtlose
Responsive
Titel + Kurztext + Hover Effekt + Hintergrundfarbe u. Transparenz der Textbox + uvm...
Zertifiziert
BUNDLE
Responsive
Payment-Icons / Zahlungs-Icons / Zahlungsarten  für Header, Footer & Checkout
(13)
95+ Zahlungsarten / Payment Icons. Anzeige im Header, Footer & Checkout. Tooltips & viele Features

Version:

35,00 €  *

Zuletzt angesehen