Add Video Banner To Shopify Dawn Theme Version 7
In this tutorial I will show you how you can customize your Shopify Dawn Theme version 7 to show a background video on the image banner. I will show you how you can add a setting to image banner to show videos while not changing the default functionality of image banner. I will give you different tips so your video background is responsive to all screen sizes. I will show you how you can use dev tool to help you troubleshoot any problems with dimensions.
✅ FREE Shopify Trial ( + $1/Month) https://shopify.pxf.io/4Pbrk3
Timestamps:
00:00 Intro - Video background Dawn Theme Version 7
00:12 Code changes - Add settings for video banner
1:33 Code changes in image-banner.liquid to show video
6:30 Add CSS to hide gray background behind video
7:39 CSS media query code changes for mobile screen sizes
16:14 More CSS media query code to fix video dimensions on other screen sizes
19:38 Text alignment on video
20:21 Tips about optimizing code for your videos
21:40 Review default functionality for image banner
I have posted the code here, please make sure to follow the video to see where each piece of code goes.
https://docs.google.com/document/d/1Q...
Shopify is one of the leading ecommerce platforms for online stores and point of sale systems.
It is easy to use and you can be up and running in no time.
If you have not signed up already go to www.shopify.com to get started.
#shopify #shopifydesign #shopifythemes