Parallax Media

How to configureParallax Media Snippet

Scroll more slowly with parallax with media. This creates an illusion of depth and can make a website more visually appealing. In this tutorial, you'll learn how to add a parallax scrolling effect to your Shopify store.

Give a stronger illusion of depth. This effect is achieved by having different speeds for different elements on the page, with the background moving more slowly than the foreground. Check out this tutorial to learn how to add parallax scrolling to your Shopify store!

Start by adding the files listed in the installation zip that was provided when you made the purchase.

Once you have added the code into the code editor head into the theme editor by clicking the customize button

In the section settings you are provided:

  1. Image - mobile and Image - desktop

  2. VIDEO (YOUTUBE OR VIMEO)- : Either image or video can be used but not both at the same time

  3. VIDEO (MP4)

    looping video-Loop video to play infinitely

  4. Lazy-load video- Play video only when it is visible on the screen

  5. Play only on visible- Preload videos only when it is visible on the screen

Last updated