Hello,
I wanted to add a video to my homepage with custom liquid, so it can play without the play button, but since I did it, my page doesn’t load anymore.. I can’t delete the custom Liquid.. I don’t know what to do? Can someone pleas help ASAP?
Hello,
I wanted to add a video to my homepage with custom liquid, so it can play without the play button, but since I did it, my page doesn’t load anymore.. I can’t delete the custom Liquid.. I don’t know what to do? Can someone pleas help ASAP?
Can you share the store URL ?
www.sahar-fashion.com it’s not live yet, should I put it live so you can take a look?
I can’t view it, either share the password or remove the password so we can view it.
the shop is live, now you should be able to view it.
Seem something wrong with the video
https://cdn.shopify.com/videos/c/o/v/a072c77cb1144fefbf298b7479f94ac2.mp4
If you can’t delete this section from the settings. Edit index.json under Templates find the section code and remove it.
Make sure to take backup before making any change.
In this block remove the content of
“custom_ liquid”:
so now it should be
“custom_ liquid”: “”,
oh perfect, thank you! This helped! Now how can I add this video to play without the “Play” Button? I uploaded the video again in the media section. What is the problem wit the file, is it too big? it’s 150 MB. here is the link: https://cdn.shopify.com/videos/c/o/v/c1a50feef669421e8a52700673e85fe4.mp4
Yes, try a video less than 20 MB
Is it not the possible the video that I have already inserted in my header to play without the play button?
Yes if the theme has the feature. Alternatively you need to ask a developer to do necessary changes.
Or if you don’t want to customize the theme then it’s better to use the option you are using.
Then ask any developer you want to implement this feature for you.
To make the buttons in center for mobile:
Follow these steps:
Go to Online Store → Theme → Edit code
Open your base.css file and paste the following code at the bottom:
.banner__box.content-container.content-container--full-width-mobile.color-inverse.gradient {
text-align: center;
}