EG Theme Snippets
HomeNew Snippets ⭐️
  • Introduction
  • GETTING STARTED
    • Installation
    • No Refunds
    • CONFIGURING SNIPPETS
      • MegaMenu
      • Custom HTML & Custom Liquid
      • Sticky Video
      • Age Verification Check
      • Scroll Bar Color
      • Promo Slider
      • Upsell Checkbox
      • Color Swatches
      • Accordion Footer
      • Testimonials
      • Sticky Add-To-Cart
      • Marquee
      • Stock Bar Indicator
      • EG Animated Stories
      • Qty Breaks
      • Testimonials
      • Dawn Cart Goal
      • Frequently Bought Together
      • Trust Badges
      • FAQ Section
      • WhatsApp Chat Box
      • Before and After Slider
      • Advanced Announcement Bar
      • Dawn PDF Invoice Generator Snippet
      • Dawn Theme Sales Pop
      • Payment Calculator Snippet
      • Custom Line Item Properties
      • Parallax Media
    • FREE RESOURCES
      • Email Marketing
      • Shopify Critical Css Generator
      • Ways To Increase Conversions
  • FREE CODE NUGGETS
    • PRE-ORDER CODE TO SHOPIFY
Powered by GitBook
On this page

Was this helpful?

  1. GETTING STARTED
  2. CONFIGURING SNIPPETS

Parallax Media

How to configureParallax Media Snippet

PreviousCustom Line Item PropertiesNextFREE RESOURCES

Last updated 2 years ago

Was this helpful?

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