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.
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
This is how several instances are displayed on one page.
How it works
Go to the Website -> Parallax Effects page to add the desired parallax images.
Then go to Design -> Layouts, open the grid settings and select the required parallax effect.
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.
The add-on is compatible with CS-Cart and Multi-Vendor 4.4.1 and above.
Learn more about the add-on in our User Guide.