Parallax Effect

Customer Experience

Create a multi-layered parallax effect to engage the visitors. Give a zest to your online store.

Price $57.00

This product is electronically distributed.

Overview

 

The Parallax Effect add-on creates a cool multi-tier parallax effect while your store visitors are scrolling up and down the page. 

 

What is Parallax Effect? It is when the background image is moved at a different speed than the foreground content while scrolling. So it’s an optical illusion, creating a sense of depth. It has been the biggest web design trend in the past years. Lots of popular websites use parallax effect to increase user experience. The reason is its simplicity and incredible visual appearance.

 

The add-on allows you to add images to the background to create animated depth effect. You just upload the image matching your store design, select the animation speed and that's it. You have an eye-catching effect that impresses your visitors and increases their engagement.

 

 

Key features:

 

  • responsive parallax background;

  • multiple instances on one page;

  • improving user experience while remaining simple;

  • uploading your own image or images for parallax animation;

  • changing the speed of parallax scrolling.

 

 

Let's check the parallax effect in the brand section for our Urban Theme Front Pack

 

background (5).gif

 

 

This is how several instances are displayed on one page.

 

parallax-effect-homepage.png

 

 

 

How it works

 

Go to the Website -> Parallax Effects page to add the desired parallax images. 

 

parallax-effect-editing.png

 

 

Then go to Design -> Layouts, open the grid settings and select the required parallax effect.

 

parallax-effect-editing-grid.png

 

 

That's it. The selected image is displayed as a background and moves at a different speed than the foreground content while scrolling. Check out the demo store to see it in action.

 

parallax-effect-sale-block.png

 

 

  

Compatibility

 

The add-on is compatible with CS-Cart and Multi-Vendor 4.4.1 and above.

 

 

User Guide

 

Learn more about the add-on in our User Guide.

legend: [!] fixed  bug, [~] minor changes, [+] new functionality, [-] deleted functionality 

 

June 2019

Version 4.4.0.5

[!] When the add-on was enabled, the checkout broke on CS-Cart 4.10. Fixed.

[!] When the add-on was enabled, the grid settings broke on CS-Cart 4.10. Fixed.

 

March 2019

Version 4.4.0.4

[!] Parallax images extended beyond the borders of the screen when switching to RTL languages. Fixed.

 

February 2019

Version 4.4.0.2

[+] The license and the update option via the upgrade center have been added.