Parallax Effect add-on for CS-Cart
  • Parallax Effect add-on for CS-Cart

Parallax Effect

Customer Experience

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



This product is electronically distributed. By purchasing it you accept our refund policy.



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




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.



User Guide


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

4.3.7 4.x or 3.x From 3.x or 4.x to 4.3.7 4.3.7 2.2.4 2.x From 2.x to 4.3.7 4.3.7 2.2.4 sp4 1.3.5 1.x From 1.x to 4.3.7 Before After The average time of loading a category page: 1 sec. 5 sec. ! CS-Cart" class="cscart-1" d="M499.358,3808.1a1.552,1.552,0,1,1-1.552-1.58A1.566,1.566,0,0,1,499.358,3808.1Zm-16.5.69a9.429,9.429,0,0,1-3.89.8c-4.085,0-6.744-2.81-6.744-7a6.95,6.95,0,0,1,7.276-7.32,7.647,7.647,0,0,1,3.414.74l-0.56,1.9a5.993,5.993,0,0,0-2.854-.65c-3.106,0-4.785,2.35-4.785,5.19,0,3.17,2.014,5.12,4.7,5.12a7.006,7.006,0,0,0,3.022-.65Zm2.484-2.04a6.823,6.823,0,0,0,3.275.97c1.763,0,2.6-.88,2.6-2.04,0-1.19-.7-1.82-2.49-2.5-2.463-.9-3.61-2.24-3.61-3.88,0-2.21,1.79-4.03,4.673-4.03a6.149,6.149,0,0,1,3.3.86l-0.588,1.81a5.2,5.2,0,0,0-2.77-.82,1.959,1.959,0,0,0-2.239,1.87c0,1.13.784,1.64,2.547,2.35,2.322,0.88,3.554,2.07,3.554,4.11,0,2.44-1.875,4.14-5.037,4.14a7.609,7.609,0,0,1-3.806-.97Zm26.471,2.04a9.419,9.419,0,0,1-3.889.8c-4.086,0-6.744-2.81-6.744-7a6.95,6.95,0,0,1,7.275-7.32,7.649,7.649,0,0,1,3.415.74l-0.56,1.9a6,6,0,0,0-2.855-.65c-3.106,0-4.785,2.35-4.785,5.19,0,3.17,2.015,5.12,4.7,5.12a7.007,7.007,0,0,0,3.023-.65Zm12.681-2.8a23.386,23.386,0,0,0,.195,3.29h-2.21l-0.2-1.73H522.2a5.044,5.044,0,0,1-4.142,2.04,3.884,3.884,0,0,1-4.141-3.94c0-3.32,2.91-5.13,8.143-5.1v-0.29c0-1.1-.308-3.17-3.078-3.14a6.479,6.479,0,0,0-3.554,1.02l-0.56-1.67a8.671,8.671,0,0,1,4.477-1.2c4.142,0,5.15,2.87,5.15,5.59v5.13Zm-2.379-3.71c-2.687-.06-5.737.42-5.737,3.08a2.168,2.168,0,0,0,2.295,2.38,3.42,3.42,0,0,0,3.33-2.29,2.841,2.841,0,0,0,.112-0.79v-2.38Zm6.4-2.44c0-1.62-.028-3.01-0.112-4.28h2.155l0.112,2.72h0.084a4.114,4.114,0,0,1,3.778-3.01,4.662,4.662,0,0,1,.671.06v2.35a4.271,4.271,0,0,0-.839-0.05,3.443,3.443,0,0,0-3.3,3.17,7.587,7.587,0,0,0-.084,1.16v7.32h-2.463v-9.44Zm11.958-7.57v3.29H544v1.9h-3.526v7.39c0,1.7.476,2.67,1.847,2.67a4.644,4.644,0,0,0,1.427-.17l0.112,1.9a6.639,6.639,0,0,1-2.183.34,3.5,3.5,0,0,1-2.658-1.05,5.426,5.426,0,0,1-.952-3.6v-11.93Z" transform="translate(-410 -3766)"/> Before After The average loading time for home page: 0.75 sec. 20 sec.