Shopify themes, liquid, logos, and UX
I want to make the header on my home page a short video loop on repeat. Currently I use the Live theme and I only see an option for an image header. How can I switch that to a video, but only for the home page? When a site visitor is on the other pages I want it to be an image as the header behind the main menu
Hello, @Julianna
Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.
Thanks for url
see the attachment
Thanks @KetanKumar ! I'm not looking to add a video to the page, I want to make the banner/header a video not a static image
It can be done by doing some code customization. Please take the help of a developer and hire Shopify Expert or me
Hi Julianna,
I'm trying to do the same thing for my shopify site. I clicked on the link you provided and noticed the video is in the header now. What was your solution to this?
Thank you,
Ashton
Hello, @ashtonbaran
Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.
Thanks for url
sorry, but the store is password protect. can you please share us.
also please mansion your issue so i can help you.
Your site looks great! Could you share how you were able to do this?
Hey,
I'm trying to do the same thing for my shopify site. I clicked on the link you provided and noticed the video is in the header now. What was your solution to this?
Thank you,
Kay
Hello, @KayJackson
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
Thanks for it
can you please check your customization theme setting you have easy to add this video
I see what your saying but I’m trying to put a video or gif in the corner at the top as the header
sorry i can't see any video
Because I don’t know how to put it on there lol, that’s what I’m asking. How do I put it in the corner where the image is or can I even do that ?
yes, can you please just add customization video section
I dug through the site code and it looks like they are using the "Motion" theme, which is quite expensive.
Looks like they ended up using the Motion theme which has more video related theme code built in.
@all
can you please all more details how do you have like this
this dosen't come up on my store customisation section, can you help? my store url is millionballers.com
Hi,
How did you fix this, your site looks great!
@all
https://codepen.io/adrianparr/pen/QxMvdj
I've tried to custom code the video header, but not getting much luck on mobile, seems the display properties are creating issues in certain responsive sizes.
My site: fyous.com
can you please share issue image or video?
Hello brother, can you help me with my video hero banner in Shopify Brooklyn theme. I have ad it but the sizes on the desktop and phone are to big. I also have no css
yes, please add code theme.liquie
Hey Ketan!! I'm also using the brooklyn theme, I was wondering if you could send me the code as well!!
Hey, how are you ?
Can I share my URL as well for the same problem ?
Hi Ketan,
I would also like to get help to add a video to my shopify. www.goatlane.com
Can you guide me?
Best
Gustav
I think what everyone here is asking is... without paying for a theme, how can you add a video into the header? There has to be some simple code for the header that allows videos. My knowledge is limited, but I do know you have to create a container of some sort that has width, height, and position properties. How that is done and where you add it is what we are looking for an answer to. Please help.
Thank you,
Ashton
Hello, did anyone figure this out?
Sorry for facing this issue, it's my pleasure to help us.
Welcome to the Shopify community!
and Thanks for your Good question. 😊
Please share your site URL,
So I will check and provide a solution here.
Hello. I can add a video but it is really small. I would like the video to fill the same space as the present image. How can I do that? My site is rainbowmekids.com
Hi, Goatlane, able to share how you added the video to the top of the page and it is on autoplay pls.
Hi there,
Do you have solve the issues?? if still the issue not resolve then i recommend you to read for this article: How to add Add video as homepage header instead of image
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024