Vigyata.AI
Is this your channel?

How to Add Video Background To Shopify Store (On Any Theme)

13.2K views· 249 likes· 8:58· Apr 9, 2024

How to Add Video Background to Shopify Store (On Any Theme) In this video I will show you How To Add Video Background To Shopify Store. This video will cover everything that you need to know and help you get started with this software. banner video shopify - Pastebin.com Fix Banner Text - Pastebin.com for inquiries: ytmediabrands@gmail.com Welcome to Goat Media! Run by Sarah and Josh, all the way from Portugal! We can't wait to help you out with our step by step tutorials on all sorts of websites and platforms. Kind regards, Sarah & Josh from Goat Media

About This Video

In this video, I show you how to add an autoplay video background to your Shopify store on basically any theme (including Dawn). Shopify’s default “Video” section isn’t a true background video—it’s meant to be played like a normal embed—so the workaround is adding a custom section by editing your theme code. Don’t worry, it’s a simple copy/paste job, and I walk you through it step by step. First, I upload my MP4 to Shopify by going to Content → Files, then I copy the file URL (I prefer hosting the video inside Shopify Files for faster loading vs pulling from YouTube). Next, I go to Online Store → Themes → Edit code, create a new section called “background-video.liquid”, delete the default placeholder code, and paste in the full section code (make sure you copy all the lines). After saving, I head back to Customize, add the new “Video background” section, paste my video link, and then customize the heading, text, colors, and button. Finally, I show you a quick mobile visibility fix: open Assets → base.css, paste a short 13-line snippet at the bottom, and save. That stops the text from dropping too low on mobile so your hero content stays readable and professional.

Frequently Asked Questions

🎬 More from Project Wisdom