Hi everyone! I was wondering if anyone knew how to add a video into image with text? Ive seen so many other stores and youtubers do it on this theme but i just cant figure out how? Please someone help! And yes i know there are paid apps but i swear they dont have to use them because they make it look easy when building their store! Thanks!
Topic summary
A user asks how to add a video section with text overlay to the Sense theme without using paid apps. A community member provides a detailed code solution involving creating a custom Liquid section called ‘video_with_text’ through the theme editor.
The solution includes:
- Step-by-step instructions for adding the section via Admin > Theme > Edit Code
- Complete Liquid code supporting both MP4 uploads and YouTube/Vimeo embeds
- Customizable options for autoplay, background colors, headings, and buttons
Common issues reported:
- Video not displaying on mobile devices
- YouTube/Vimeo connection errors (“refused connection”)
- Buttons not appearing or functioning properly
- Autoplay feature not working despite being enabled
- Section appearing on all pages instead of specific ones
- Theme compatibility problems (particularly with Galleria theme)
- Video controls not removable when autoplay is desired
While the initial poster confirms the solution worked, multiple subsequent users encounter implementation challenges. An alternative video tutorial is shared for a more universal approach. The discussion remains open with several unresolved technical questions about mobile responsiveness, autoplay functionality, and page-specific placement.
hello, @Chapee45
video with text section code given below. and follow some steps.
-
Go to the admin >> theme >> edit code >> sections >> add a new section with the name ‘video_with_text’.
-
When section created then copy the given code and paste into the created section.
copy code from here.
{% if section.settings.select == 'MP4' %}
{% if section.settings.vid != blank %}
{% endif %}
{% else %}
{% if section.settings.i_vid != blank %}
{% endif %}
{% endif %}
{% schema %}
{
“name”: “video with text”,
“class”: “video_with_text”,
“settings”: [
{
“type”: “checkbox”,
“id”: “revrt”,
“label”: “Video left”
},
{
“type”: “checkbox”,
“id”: “m_revrt”,
“label”: “Video top on mobile”
},
{
“type”: “text”,
“id”: “heading”,
“label”: “Heading”,
“default”: “Video With Text”
},
{
“type”: “textarea”,
“id”: “content”,
“label”: “Content”
},
{
“type”: “url”,
“id”: “url”,
“label”: “Button URL”
},
{
“type”: “text”,
“id”: “btn_label”,
“label”: “Button URL”
},
{
“type”: “radio”,
“id”: “select”,
“label”: “Video type”,
“options”: [
{
“value”: “MP4”,
“label”: “MP4”
},
{
“value”: “iframe”,
“label”: “Youtube/Vimeo”
}
],
“default”: “MP4”
},
{
“type”: “url”,
“id”: “vid”,
“label”: “MP4 video URL”
},
{
“type”: “image_picker”,
“id”: “poster”,
“label”: “Poster on MP4 video”
},
{
“type”: “checkbox”,
“id”: “check”,
“label”: “Video autoplay”
},
{
“type”: “url”,
“id”: “i_vid”,
“label”: “Youtube/Vimeo video URL”
},
{
“type”: “checkbox”,
“id”: “bg_clr”,
“label”: “background color”
},
{
“type”: “color”,
“id”: “body_text”,
“label”: “BG-color”,
“default”: “#cdcdcd”
}
],
“presets”: [
{
“name”: “video with text”
}
]
}
{% endschema %}
{% stylesheet %}
{% endstylesheet %}
{% javascript %}
{% endjavascript %}
-
save.
-
If you are using theme version 2.0 then add section from theme customization. Or else please paste this code {% include ‘video_with_text’ %} wherever you want this section.
this section is dynamic you can change video, image or text any time from the theme customization.
2 Likes
thanks soooo much!!!
1 Like
my pleasure 
Hello! I have added the same section, however the video is not shown on mobile version.
@niraj_patel thanks so much for sharing this. I am trying to add a link to our vimeo video, also tested with a random youtube video link however the video is not showing. it says “youtube refused connection”. Do you know what the reason could be? (not sure if related but I selected “liquid” (vs. json) when inserting the code)
Also, i am trying to add a button (as it is supposed to be part of the website’s hero section) but nothing is added although i have a link in the “button” insert field (see screenshot).
Thanks so much
just fyi, you may have noticed: i don’t have any coding background at all
Hey Natanata! Did you find an answer to this? We implemented the same but unfortunately, our mobile view is very wonky and missized. Thanks! 
Damn this so coool you help me.
A quick question, can we also put an image and a video side by side together?
Is there a way to keep the functionality of the “text_with_image” section?
Specifically I would like to be able to adjust top & bottom padding, etc.
Thanks in advance.
Hi there,
I’m running Galleria Theme, and the code worked partially on that theme - this is the desktop implementation:
You can see the video code is clashing with something in the Galleria Theme…
And this is what mobile looks like:
What is my move here? How can I get the video to show on desktop, and show & properly size itself on mobile please?
I know I’m going a little rogue here asking about Galleria, but I’d sure do appreciate the help…
Have a great day everyone,
Sacha
Thanks but I am getting this error on the page (the section shows the layout with text but no video)
Liquid error (sections/video_with_text line 206): Could not find asset snippets/video_with_text.liquid
Any help is greatly appreciated
Hi this partially worked for me however the video does not auto play even when selected and the button does not look like any of the shop buttons in my store its just text with a link please can you help me get it perfect?
Hello, it worked perfectly
is there any way to make the video automatic as it plays infinitely without any play button controls?
Thanks i hope you understand
Apologise for the question. I copied and pasted this code and I was able to have ‘video with text’, but then it let’s me add only a picture if I select MP4, otherwise youtube video works but I have the actual video. Can you please help? Thank you so much
Does anyone know how to reapir ‘server not connecting to yt’ when linking the video?
Hello did you find a solution, because i’m facing the same issue youtube dosnt allow the connection
For future readers, to add a video with text section without apps and can work with any theme. You can follow the video tutorial below, use it several times in different Shopify stores.
It seems that the auto play function isn’t working for me, is there a way to do auto play and remove the video controls?
Hello Niraj_patel,
Thank you for your code. It works excellent! But I have another question about this. I added this section successfully to my website but now it is shown on every page of my website. But I want it only on one specific menu-point and not on every page. How can I fix this?
Thank you.