Shopify Dawn - Image Banner to Video Banner

Hi Community!

I am currently struggling with the following task:

I want to use the Banner Section and be able to replace the images with a (muted, autoplayed, looped) video. When inserting the video url manually into the banner.liquid file it only shows an image. It would be nice to have a link field, like in the video section, in the theme customizer but not necessary.

More generally formulated I just want to be able to replace and image with a video (muted, autoplayed, looped).

Any helped is appreciated!

Thanks

@KetanKumar

2 Likes

@vincentdh

store url please

nutrichoc.myshopify.com

https://juiceboy.de/

Go to the Editor and the image banner liquid. Delete the code in the curly brackets in line 56 with the following:


Where the XXX is, put your file link in. The video will only be show, if you do not use a image in the banner section. Its not perfect but works.

Also! You will have thick bars below the video on mobile and/or desktop. Here, you will have to got to the banner css file and play with the “height: rem” from line 10-50. It will probably be the “medium” one.

Cheers!

hallo was meinst du genau mit medium one?