Einkaufswelt Parallax Text Slider Banner

Einkaufswelt Parallax Text Slider Banner

Bronze l Verschlüsselt
78 Downloads
Responsive

Version:

49,99 €  *
ODER erwirb diese Erweiterung in einem Bundle:
Einkaufswelten Bundle
Google Schriften / Fonts Changer
Einkaufswelt Parallax Text Slider Banner
Einkaufswelt Parallax Banner
99,00 €  * Statt 116,97 €  *
Dieser Hersteller reagiert sehr schnell auf Supportanfragen
    zenit56559768828
  • 1.0.1
  • 02.02.2018
  • de_DE en_GB
  • von zenit Design
  • 5.3.0 – 5.3.7
    5.4.0 – 5.4.3

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
Google Schriften / Fonts Changer
Einkaufswelt Parallax Text Slider Banner
Einkaufswelt Parallax Banner
99,00 €  * Statt 116,97 €  *

Bundle anzeigen

Beim Speichern der Bundle-Konfiguration ist ein Fehler aufgetreten.
1x Google Schriften / Fonts Changer
zenit Design   16,99 €  *
1x Einkaufswelt Parallax Text Slider Banner
zenit Design   49,99 €  *
1x Einkaufswelt Parallax Banner
zenit Design   49,99 €  *
Einkaufswelt Parallax Text Slider Banner... mehr

Produktinformationen

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

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

Version 1.0.0

Initial Release - Erstveröffentlichung
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
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...
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
(3)
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...
Zertifiziert
BUNDLE
Responsive
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
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
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
Einkaufswelt Parallax Banner
(1)
Echter Parallax Effekt als Einkaufswelten Banner Element inkl. Einkaufswelten Vorlage.
Zertifiziert
TAB10 Einkaufswelten Vorlagen Set, inkl. Parallax Banner, CTA-Slider und -Banner, animierte Elemente
(4)
Inkl. Parallax Banner, CTA Sliderbanner + Banner, animierten Elementen
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
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.
Zertifiziert
BUNDLE
Einkaufswelten Banner Advanced
(4)
Endlich können Sie Banner in Ihren Einkaufswelten mit Ihren Texten und Ihren Links versehen!
Responsive
Noch nie war ein Effekt so auffällig und gleichzeitig schön wie unsere Blur Box. Wir benutzen dies..
Zertifiziert
BUNDLE
Responsive
Advanced Marketing Banner - Überschriften & Text
(2)
SEO-relevante Marketing-Banner einfach erstellen. NEU: Artikeldatenanzeige durch Artikel-Verknüpfung
Zertifiziert
Responsive
Datenschutz Hinweise - DSGVO - mit Checkbox
(4)
Zeigt im Shop bei Verarbeitung personenbezogener Daten den Hinweis zum Datenschutz nach DSGVO an.
BUNDLE
Responsive
Parallax-Effekte für Einkaufswelten
(1)
Mit diesem Plugin können Sie ganz einfach Einkaufswelten-Elemente mit Parallax-Effekten erstellen.
BUNDLE
Responsive
Marketing Banner Slider von: neonlines GmbH
Verwandeln Sie im Handumdrehen Ihre bestehenden Marketing-Banner in Slider.
Responsive
Blickfang für Besonderes - Animiertes Textbanner (Lauftext) mit optionalem Link auf Wunschpage
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
Animierte Einkaufswelten
(2)
Belebe deine Einkaufswelten.
Zertifiziert
BUNDLE
Responsive
Theme SPHERE | responsive Premium Template
(7)
Sphere ist DEIN multipurpose Shopware 5 Theme, welches Du sehr stark individualisieren kannst.
Zertifiziert
Erweitertes Menü mit Grafiken + Dropdown "sticky"
(44)
Ersetzt das Erweiterte Menü und bring mehr Grafiken in den Dropdown. + Dropdownverzögerung + Sticky
Zertifiziert
BUNDLE
Responsive
Theme GRAVITY | responsive Premium Template
(4)
Mach Gravity zu DEINEM einzigartigen Theme - dank der enorm vielfältigen Theme Konfiguration!
BUNDLE
Responsive
Banner für Hinweise, Nachrichten & Angebote
(5)
Angebote / Sales, Urlaubsnachricht, Zeitraum steuerbar als Banner inkl. Link & dauerhaft wegklickbar
Responsive
Flat Responsive Theme
(10)
Moderner und frischer Flat Style für das Responsive Theme.
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
(1)
Lassen Sie Ihre Kunden Inhalte entdecken. Verweisen Sie auf der Kachel auf eine Information und b...
Responsive
Parallax Banner von: almCode | Shopware...
Ein absoluter Eyecatcher auf Seiten ist der Parallax Banner...
Responsive
Elegante Mouseover Effekte für das Einkaufswelt Element Kategorie-Teaser
Zertifiziert
BUNDLE
Responsive
Individueller Emotion Banner für die Einkaufswelten (mit frei definierbaren Texten uvm.)
(2)
Das Plugin fügt einen Emotion Banner zu den Einkaufswelten - Elementen hinzu.
Zertifiziert
Responsive
Promotion Banner
(2)
Promotion Banner von: designverign
Bewerben Sie Ihre Aktionen mit individuellen Pop-ups und Laschen.
Responsive
Bekannter open source Nivo Slider integriert in Shopware
Zertifiziert
Banner Slideshows einfach erstellt - MultipleBanners
(1)
Banner Slideshows einfach erstellt - MultipleBanners
Zertifiziert
Digital Publishing von: shopware AG
Erstelle auf einfache Weise direkt in Shopware dynamische und full responsive Banner
Responsive
Product Banner Emotion
(1)
Product Banner Emotion von: almCode | Shopware...
Positionieren Sie Aktionen, Neuigkeiten oder Hinweise direkt auf der Artikeldetailseite.
Responsive
Weg vom normalen, langweiligen Banner? Hier haben Sie die perfekte Lösung Artikel oder Aktionen a...
Responsive
Kategorie-Bild im Listing von: zenit Design
Stellt das einstellbare Kategoriebild im Listing dar. Individuelle Einstellungen je Kategorie
Verwenden Sie Ihre Digital Publishing Elemente in unserem Advanced Slider.
Zertifiziert
Responsive
Shopware CMS
(5)
Shopware CMS von: Dreischild GmbH
Umfangreiches Content Management System exklusiv für Shopware
BUNDLE
Responsive
Google Schriften / Fonts Changer
(1)
700+ Fonts, simpler Einbau, Integration Google Fonts, Serifen, Serifenlose, Handschriften usw.
BUNDLE
Responsive
Individuelle Labels & Bagdes für Listing & Detailseite
(3)
Zusätzliche Badges zur Anzeige individuellen Labels & erweiterten Labels im Listing & Detailseite
Zertifiziert
BUNDLE
Responsive
Conversion, Vorteile & Features Leiste
(4)
Zeige Alleinstellungsmerkmale (USPs), Versandinfos, Hinweise als Leiste mit Icons und Effekten
Responsive
Mit diesem Plugin können Sie ganz einfach Einkaufswelten-Elemente mit Flip-Effekten erstellen.
BUNDLE
Responsive
Der Promotion Banner mit Call2Action und frei gestaltbar
(4)
Weg vom normalen, langweiligen Banner? Hier haben Sie die perfekte Lösung Artikel oder Aktionen a...
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!

Version:

49,99 €  *

Zuletzt angesehen