How to make Shopify product videos loop

Last updated:

Home » Articles » Shopify » How to make Shopify product videos loop

Are you looking to make your Shopify product videos more engaging? Looping your videos is an option. A looping video can showcase all its features without your customers having to hit play repeatedly. Let’s find out how to do it.

How to turn on looping videos in Shopify

There are two options for Shopify owners.

Option 1: If your theme supports

Some Shopify 2.0 themes like Dawn include built-in support for looping videos.

  1. Log in to your Shopify admin.
  2. Go to Online Store > Themes.
  3. Click Customize next to your current theme to open the theme editor.
  4. In the editor, go to your Product page.
  5. If your theme has a video block or a media section, click on it.
  6. Look for settings like Autoplay or Loop. If the option is there, just turn it on.
  7. Hit Save when you’re done.

If you don’t see a loop option, don’t worry. You still have another way.

Option 2: Add looping with a small code edit

If your theme doesn’t give you a looping option in the editor, you can still make it work by adding a small line of code.

Before you change anything, duplicate your theme to avoid messing up your live site.

  1. From your Shopify admin, go to Online Store > Themes.
  2. Click Actions > Edit code next to your current theme.
  3. Find the file that controls your product media. This is usually:
    • sections/main-product.liquid, or
    • sections/product-template.liquid
  4. Look for a line with a <video> tag. It might look something like this:
<video controls>
  <source src="{{ media.preview_image | img_url: 'master' }}" type="video/mp4">
</video>

Add the loop and autoplay attributes inside the <video> tag so it looks like this:

    <video autoplay loop muted playsinline>
      <source src="{{ media.preview_image | img_url: 'master' }}" type="video/mp4">
    </video>

    Now your product videos will play automatically and loop without the customer having to interact.

      Conclusion

      Setting up your Shopify product videos to loop is a simple yet effective way to showcase your products. It keeps your customers engaged and gives them a better view of what you’re selling. By following these easy steps, you can have your videos playing on repeat in no time.

      Wave

      Enjoy our articles? Join our free list and get more.

      Sign Up

      Book Discovery Call