Shopify Tutorial: How to Turn Your Image Banner into a VIDEO Banner 

wish the code was in the description

Solid tutorial! Would be amazing if we didn't have to sit idle to be approved to a private fb group to get the modified code to be fair.

this code is overlapping and taking extra blank space in my shopify store and it taking my footer with it

Great tutorial, does anyone have the file with the code to send?

Hi, can I please get the code? I haven't been accepted in the group yet! it's kind of urgent!

Excellent video!! Thanks for sharing The only problem was that on some smartphones the video does not play. Can you help me to resolve this?

Hello! To your point, the original code had some space issues. I'm waiting to be accepted to your Facebook group. Thank you for this video!

how can I add my products over (on top of the video) making the video look more like a background ?

Hi, can someone help me? I used the code but when i am at the mobile webshop, the menu bar is underneath the background video. How can i fix that if i click on the menu button the menu comes over the background video?

This is a awesome tutorial, thank you so much for making it! I just have a few questions. 1, is there a way for me to change the aspect ratio of the video background? I prefer a wider aspect ratio, but the video background is cropping my video on the sides. 2, is there a way for me to completely remove the caption in the middle? I deleted all the text, but there is still a semi-clear white box. Any help would be greatly appriciated!

Invalid preset "{"en"=>"Video Background"}": cannot include blocks in preset because there are no blocks defined. :(

Love the video very informative! just waiting to be accepted into the Facebook group

Hey guys, just wondering how long it takes to get accepted into the Facebook group? :)

AMAZING! Worked like a charm

Hey, ive managed this all the way to the end but my 'block' is super long and goes on for ages until the next section. Any ideas?

Hi there thank you for the tutorial , The video seems to overlap the mobile phone menu, Its right ontop of it is there a way to fix it.

On Mobile version the video has a black background that I cant remove. Any way I can remove or at least change the colour of it?

Would anyone know how to move the button down ?

Can't get the code since I need your approval for the Facebook group.

I need a link to the edited code pls. Using a 2.0 theme and it doesn't work well. Google drive would be best. thanks

omg, how hard you guys did it with all this facebook traps, did apply for membership still waiting 😒

Super helpful video. I'm waiting to be approved for your group. Aly

Thanks for this video! But I cant seem to find the "files" tab after selecting Settings. Is there somewhere else I can find it?

I have a question... Do the mp4 videos uploaded contain audio?? i have just finished adding my video but for some reason there is no sound

How can I fix the code so the video banner displays properly on mobile? Currently the text sits below the video.

Great video! is there a way to completely eliminate the text border?

Thanks for this video, it was a huge help today! Nicely done.

How can i make the video play only in the home page and not in the other pages please, thank you in advance.

Hello, thaks for a great tutorial. Do zou maybe know how to bee able to see main meny in mobile version of store, which is hidden behind video when I entered the code given. Thank you!

Is there any way to make the whole video clickable?

Same here it doesnt play on mobile. Sometimes it will work on android but it never works on my iphone. Any fix for this? Any help would be greatly appreciated.

When I coded it at first the video would play on IOS but stopped working a week after. Know a fix to this?

How agree autoplay?

I was trying as per your video. But I saw from footer email and column over lapped to my featured collection. Video background was showing in place of banner image. Can u please help me

what to do for mobile version most of the visit is from mobile version

to bad the code is on the private fb page. i would like to use this now but i have to wait until an adnim give me access. been three days already.

it keeps saying video format not supported, i even found the video you used of the girl in the dress and still not working cant upload the video? need help

No we can't download the code from your FB group. You can get in it... FML.

I'm songlad I found this page! You've been an amazing help! Also just joiner your FB group

Is there a way to move the banner to the left side of the video? Any help would be appreciated. Thank you!

Hello!!! Thanks for this video! In mobile format, it's getting a white screen at the bottom of the video, how to change that? and how to remove the white background of the text?

why i am getting too much space on bottom side i adjusted the padding setting stlll there is more space what to do please anyone sudsiest me

When I try to upload a video it says "File format is not supported on a trail plan". Which plan do I need to purchase?

Hi! Can someone share the code with me? I already requested to be in the fb group :)

Hi I copied the code and pasted into the new section. But the video doesn’t play on its own and the cover photo is cut off how can I adjust the code to accommodate for both?

Do you know if I can do this for BigCommerce?

Waiting to be approved in fb group, thank you

I'm having a processing issue when I try to upload my video file, it's a .mp4 file. Do you know what this could be?

Go to chat gpt and ask it for the code. What chat GPT gave me was this- Your browser does not support the video tag. .video-banner { position: relative; width: 100%; height: auto; overflow: hidden; } .video-banner video { width: 100%; height: auto; object-fit: cover; }

TY for the video. Waiting to get access to the group and test the code. Regards

Hi, Thank you for your videos they are great!. There is an issue with mobile the video background shows over the dropdown main menu. Do you know how to fix it?. Thanks

Is there a way to change the position and size of the text?

i think there may have been an update because it is not working and im getting the following message: Invalid preset "{"en"=>"Video Background"}": cannot include blocks in preset because there are no blocks defined.

I’m just now seeing this video and I can’t get the code, are you still giving out the code?

Waiting to be added..

Thanks for the video, I'm waiting to be added to the group.

Update on where to locate files: instead of going to settings, click on content>files. :)

I set it all up properly but the video is not playing.

Hello! I'e jumped on the Facebook page and requested to join. Still waiting for a response since two days ago.. is there any chance of adding the code here instead of making us wait while we get accepted into the private group ?

If i switch to the mobile view the video goes over the left menuits overlaps

How to have 2 background videos? one for the desktop version and one for the mobile version?

I just did everything you adressed in this video. The only problem that I experience is that it doesn't display on mobile. Do you know how to fix this issue?

Hello, It was a success! However, my "Shop Now" button has disappeared. How do I get that back?

Just noticed that the video only shows in landscape mode when flipping the phone. Any suggestions?

Why Facebook? What's the target audience of this video? Only 18% of GenZ uses Facebook. Wish the code was hyperlinked in pastebin, or simply un the description.

I’m not computer savvy I don’t understand how to get this code off of Facebook why does everything need a code with Shopify

Thanks for great video :D That help me alot

why is your facebook group private. i have to wait for you to accept requests in the middle of working to get the code you require for the video

Thank you so much for this video! I just requested for the fb group to get the updated codes :)

GREAT GREAT VIDEO!

Hi, I've just requested to join the group. How long will it take till we get accepted?

why does my video have such a long space

Thank you for the video! Very helpful ! IT WORKS GREAT ! Thank you so much for this !

Will the video show up on the mobile version of the store

Hi ! thanks a lot for this excellent demontration. i've changed my image banner to a video as you showed but all there's a big white space that appears below the video banner and all the writing is one on the other how correct that please ? thanks again

Thank you! I am also waiting for an acceptance for Maria Jo! I think this will really elevate my website

Hi! Thank you for the video. On the desktop it worked perfectly, but on my mobile i get the video with underneath it black screen. How can I solve this? Does someone knows?

Somebody paste the code

Hi, I'm using Dawn theme and followed your instructions, however, once I get to customsing the theme after having copied and pasted the code, I get the following error: To preview or save your changes, correct the dynamic source error(s) in the following templates. Anybody ever seen this before?

Thank you for this video, I've added it to craft theme and while it works very well on the website, it doesn't show up well on mobile. Any ideas on what to do?

I'm wondering if there is code out there to change the position of the button over the banner. My button lands square on the product in my video. Any ideas are much appreciated!!

Hi i need updated code for video background .. can your share me the link

Sory to say that but theright codes i can t acces them on your fb page cuz you accept so slow the friend requests please put in description the codes

Dope Content E.G.🤘🏼😎💯💧

Hi, Is there anyway to access the code? Did anyone manage to access the code on this chat - as I'm not allowed on the Facebook. I really hope this is not spam?

How long does it take to be accepted into the group to get the code???

Thank you so much, this was extremely helpful

Hello,this is great tutorial and it helped a lot but the problem everyone talking about is the video is not playing on the mobile...Please respond to our questions, we need help.

Great video! Just waiting to get accepted to the FaceBook group

How can I remove the video banner from product page ?

Can someone drop the code here I’m not getting accepted

does anyone have the code? I still haven't been accepted into the facebook group. :/

I got the video background but I don’t have the editing tool on the right. Can you tell us how to get it?

Hello, I just joined group for the code. thank you

Great video!

My request is not getting approved, need to get the code😢

plz let me in group i need code

Waiting for acceptance on FB to get the code?

Hey great video !!! I just requested for the fb group to get the updated codes :)

Hi there, I have requested to join the FB group for the edited code. Thanks!