Diese Seite ist auch auf Deutsch verfügbar.
Skip to main content Skip to search Skip to main navigation
Zenit Design

Emotion Parallax Text Slider Banner

Rating: 5.0

Average rating of 5 out of 5 stars

(4 reviews)
Downloads: 364

Description

Highlights

  • Emotion element → easy to use
  • incl. installable template → including shopping world preset of the demo
  • All shopping worlds modes are supported → Fluid, resize & row-based mode
  • Real Parallax Effect → reverse scrolling, parallax scrolling
  • Text Slider → Text on image as an animated slider

Features

  • Up to 3 Image-Levels
  • Speed and direction for every level
  • Vertical Offset for every level
  • many Settings

About the Extension

Emotion Parallax Text Slider Banner
Emotion Element

With Parallax Banner you can add impressive Parallax Effect to your shopping world. In the parallax effect, various design objects are positioned at different levels. Scrolling down moves the layers in different speeds and toward each other. This creates an effect of space and movement. You can set up to three image layers and a text layer .



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

  • including shopping world preset of the demo
  • Real Parallax Effect
  • Up to 3 Image-Levels
  • Speed and direction for every level
  • Vertical Offset for every level
  • Text Slider

Parallax shift when scrolling



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

    ✓ 3 Levels     ✓ Real Parallax Effect     ✓ Many configurations     ✓ Emotion Preset included


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

Parallax Banner

The Parallax effect is one of the most popular effects in web design. Technically, this effect causes the background image to move at a slower speed compared to the foreground image when scrolling down the page. This effect creates a sense of depth and dynamism.



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

Understanding Parallax

With the Parallax effect, the image is fixed in a fixed position in the browser window, giving it the appearance that the content or images in the layers above it are pushed over the background image.(background-attachment: fixed) is therefore the basis for the parallax effect.

In addition, the fixed images and levels are moved up or down using Javascript when scrolling (configuration: speed) . So the pictures can be pushed past each other in different directions, like the shoes in our demo.

background-attachment: fixed is relative to the viewport. This means that the size of the image depends on the browser window and not on the size of the shopping world element in the grid.

  • The effect is particularly suitable for full-scale shopping worlds.
  • You can create multi-layered, but also simpler banner elements with just one image. There is no compulsion to use multiple images and layers.
  • Shopping Worlds mode Fluid works best for this effect.
  • The shopping world mode Resize does not allow fixed positioning of images for technical reasons. Therefore, the size of the images does not refer to the viewport of the browser, but to the size of the shopping world element.        
    Interesting: Smaller and side-by-side parallax banners are possible. The individual images can be accelerated or slowed down while scrolling through the configuration Speed while scrolling.
  • The images above image 1 (background image) should be images with a transparent background - file formats would be * .png or * .gif

Helpful:Use the shopping world template to create a banner.

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

Documentation

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

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

Support & Help

Found bugs or suggestions for improvement? Just open a Support Ticket in our Help Forum at www.zenit.design

Details

  • Available: English, German
  • Latest update: 3 May 2022
  • Publication date: 18 January 2018
  • Version: 2.2.1
  • Category: Shopping Experiences

Resources

Reviews (4)

Average rating
5.0

Average rating of 5 out of 5 stars

Based on 4 reviews
5.0 Functionality
5.0 Usability
5.0 Documentation
5.0 Support

100 %
0 %
0 %
0 %
0 %

Write a review

If you downloaded this extension you can write a review in the Shopware Account.

Write a review
Nur zu empfehlen - Support spitze
5.0

Average rating of 5 out of 5 stars

by Mark A
13 February 2023 17:51
Ich habe absolut keine Kritikpunkte, außer dass es nicht noch mehr Erweiterungen gibt. :)
5.0 Functionality
5.0 Usability
5.0 Documentation
5.0 Support
Mehr geht nicht - P E R F E K T E R S E R V I C E *****
5.0

Average rating of 5 out of 5 stars

by Thomas Kraus - Spanngummishop.de
8 December 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 Functionality
5.0 Usability
5.0 Documentation
5.0 Support
Wow-Effekt
5.0

Average rating of 5 out of 5 stars

by 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 Functionality
5.0 Usability
5.0 Documentation
5.0 Support
Cooler Effekt!
5.0

Average rating of 5 out of 5 stars

by Sven
7 March 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 Functionality
5.0 Usability
5.0 Documentation
5.0 Support

About the Extension Partner

Partner Status

  • Shopware Premium Extension Partner Shopware
    Premium Extension Partner

Details

  • Ø-Rating: 5

    Average rating of 5 out of 5 stars

  • Partner since: 2015
  • Extensions: 48

Support

  • Based in: Germany
  • Speaks: German, English
  • Response time: Very quickly