This channel was created to share my knowledge about different topics in web development. The content on this channel includes tutorials on Shopify, ReachJS, Git, Wordpress, HTML, CSS and more.
How many people are here because of that pesky @ symbol! So frustrating!
@Prime-Clips-YT9 күн бұрын
seemed that it would work but on my shop there's always this error: missing translation: "t:sections.image-banner.blocks.heading.settings.heading.default" missing translation: "t:sections.image-banner.blocks.text.settings.text.default" missing translation: "t:sections.image-banner.blocks.buttons.settings.button_label_1.default" missing translation: "t:sections.image-banner.blocks.buttons.settings.button_label_2.default"
@cnskrhmtl10 күн бұрын
Hello that’s nice thank you so much. I added this to the Banner section of my page and it really worked. However, I copied and pasted this video banner because I wanted to use it in other parts of my homepage. But I encounter an error like this: Since this works as a banner, it shows half of my other video. However, the height of my video is longer. And it only shows the head of the woman in my video :) For this reason, I try to write special code in the CSS part of the theme template, but it never works. How can I do that?
@nienkevanbeurden184912 күн бұрын
Hi! Thank you so much for this. I would love to have a different size on desktop and on mobile because. How can I change this? 😄
@Webmyster12 күн бұрын
Welcome! The video is a background and the code I provided in section-video-banner has different css for different sizes. You could probably playround with that. You have any knowledge of CSS? By the way in my last video I give more tips about this, may you be you can watch that too.kzread.info/dash/bejne/fol8udCzaJi6pcY.html
@RawBrush_VintagePaintings14 күн бұрын
I don't know why my comment is not showing. Posted the comment on your blog page too. Thanks!
@Webmyster13 күн бұрын
Welcome! Hope the code worked for you
@RawBrush_VintagePaintings11 күн бұрын
@@Webmyster Hi, no I encountered issues with your code and I left multiple comments here and on your blog! Could you confirm received?
@RawBrush_VintagePaintings11 күн бұрын
@@Webmyster I noticed when I change the text color in the video banner section to be white, the header menu text will change to white too. They should not be connected since they are two different sections. I also noticed that I can't seem to change the text color of the detail text box in the video banner section. I want it to be white too to match header color, but it just only shows gray and I can't find out where to make adjustments. Thank you for your help
@farukweb22 күн бұрын
Really Nice
@farukweb22 күн бұрын
Nice tutorial for video banner.
@Webmyster22 күн бұрын
I have released a latest tutorial for the latest Dawn Theme www.shopifywebmyster.com/how-to-add-shopify-dawn-theme-video-banner-in-2024/
@issacreyes725121 күн бұрын
"missing translation: "t:sections.image-banner.blocks.heading.settings.heading.default" received this error message after inputting the code. Any clue what I did wrong?
@issacreyes725121 күн бұрын
I see, I named the asset "section-video-banner.css" instead of leaving off the ".css", as it already adds that extension.
@Webmyster21 күн бұрын
@@issacreyes7251 yes it does 😀
@recitestore21 күн бұрын
This is amazing! Thank you so much!!! 🙏🏻
@issacreyes725123 күн бұрын
Not sure if you're still answering questions but I'm having an issue switching between mobile and desktop. I followed all the steps but the video is zoomed in when on desktop but showing all when on mobile. The video has a 4x3 dimension, set on medium sizing on shopify, and i've already made sure all the code is adjusted for "medium" sizing. Did I miss something?
@Webmyster11 күн бұрын
Sorry for the late reply. What version of Dawn theme are you using. I made a new video for the latest version.
@kellycruz14524 күн бұрын
Cannot see these anming convention anymore and I am lost where I am replacing codes. Can we have updated version of the video Webmyster?
@Webmyster25 күн бұрын
Wanted to clarify something based on the comments below. Some people are expecting that they will see some fields under variants. You will either not see any fields or if there are fields there that you did not add, those were probably added by some app you installed. So in order show whatever data you want to show on the product variant, you will have to add that field yourself to the variants. In my case I added TestVariantField, TestVariantField2 and VariantDetailsUrl. And then you can see in the code I am using those same fields. So which ever field you add, you will have to change the code to get that field data to show. Hopefully this clears up some the confustion around that. And also Metafields has been renamed to "Custom data" in the settings menu. You can also refer to this blog post on my website: www.shopifywebmyster.com/add-metafields-to-variants-in-shopify/
@metaversohoy8230Ай бұрын
My menu on the Dawn theme is not working can you help me?
@Webmyster11 күн бұрын
Sorry for the late reply. What version of Dawn theme are you using?
@AnnaNaumova-wh1xjАй бұрын
Honestly a life saver. Thank you!
@colebimer3956Ай бұрын
After hours and hours of not being able to add my spf record you saved me I love you
@WebmysterАй бұрын
Glad I could help :-)
@irongodduke9821Ай бұрын
Good Video
@TonyNuovo2 ай бұрын
Hello, Thank you for this @webmyster! Everything is working well, however, the grey background image is still visible when switching to mobile? Your code did remove it for desktop view.
@Webmyster11 күн бұрын
Sorry for the late reply. What version of Dawn theme are you using. I made a new video for the latest version.
@Learner-nn9wc2 ай бұрын
Sir, I have connected my domain to shopify but now I am not recieving any email on my cpanel backend. How to solve that so that I can manually handle my email for the cpnael Backend. The emails are being sending but not receiving any.
@taylormartin48772 ай бұрын
Thank you so much! This was incredibly helpful, however I'm struggling with the mobile view. Maybe it's just the size of the video I'm using? I have the height right but I can't seem to get rid of the gray on both sides of the video for mobile view. It works great for desktop. Do you have any tips? Thank you!
@mcse382 ай бұрын
Awesome Video, I tried to do this on my site but it's not working. I am using Impulse theme. I found the theme.css.liquid code and inserted everything there but it's not working. maybe I insert this into the wrong code.
@kyngblck59962 ай бұрын
thank you
@WebmysterАй бұрын
You're welcome
@AmeerHamza-th8pq2 ай бұрын
Hi, I have applying same method but the video on mobile are play correctly on Android but not not iPhone devices can you answer on?
@siriusplayz58712 ай бұрын
bro talks really slow for even 2x speed 😂 I had to recheck if I was on 2x or 0.5x.
@ajeetsinghgill2 ай бұрын
I have added the codes. My video doesn't play. Can you help?
@raj_doshi2 ай бұрын
The video doesn’t play on iphone, how to solve it
@HoldenAkerley3 ай бұрын
Hello, I have tried this with the new Dawn 14.0 theme and the video is not showing up - still shows placeholder image. Does the code need to be updated to fit the updated theme?
@matheuscarvalho15072 ай бұрын
me too
@hixxhome2 ай бұрын
metoo
@pattym76073 ай бұрын
thanks so much ✅
@YourUltimateYoutuber3 ай бұрын
I LOVE YOU
@NovaSuurge3 ай бұрын
Hi, I recently added thesliding effect to the multicolumn section of the dawn theme. The result for the section ended up being what I wanted, however now the whole page slides and creates a very annoying effect when scrolling on mobiles. Does anyone know how I can remove the sliding except for the multicolumn section? Thank you very much for your help!!
@annacampbell51413 ай бұрын
amazing video thanks Ive uploaded and it works except hilariously there is a split second shot of the cat before my video loads, any tips on removing that?
@Gofreeshia3 ай бұрын
great effort and thanks a lot!
@andreaberk3 ай бұрын
Hi there! I just watched and completed the changes in "How To Add Video Without KZread and Vimeo on Shopify Dawn Theme" and now I've completed this video instructions. My metafield is setup and the URL box appears at the bottom of my product pages. I've copied the Shopify URL, pasted, and nothing shows on my product pages. I've gone through every step in the video 10x and can't find anything I missed. Please help 🙏
@frankwillians87204 ай бұрын
Top thanks
@sandiflow4 ай бұрын
Playback speed 2
@katelyndenneny4 ай бұрын
hello ! do you happen to have the code or tutorial on how to do this same thing but for the "Multi-Column Collections" option? :) Thank you !
@MoeMalik4 ай бұрын
can you please share the entire image banner file code with us please. thank you
@hoosiermamma27264 ай бұрын
Thank you very much. I wasted 4 hours tonight on this. Google WS said they couldn't help me and that I needed to contact shopify....Shopify said they couldn't help me and to contact google. Your directions worked.
@somabody4 ай бұрын
you're a legend
@maskedvanity70304 ай бұрын
You're amazing!!!! I was losing my shit, you saved me from spending money and waiting on unreliable people.
@user-oo4ir2rg6p4 ай бұрын
lost my image banner section bcz of this video ...plz help me get back to image banner section ... and my images not showing in mob version ..it just shows on desktop version
@BuddyZapata4 ай бұрын
unsurprisingly, both the Shopify and Google instructions are trash, but your TXT SPF value worked like a charm, nice
@inflamedia4 ай бұрын
Great video, thanks! What code would you use in Dawn 13? How would you specify if you wanted a different video on mobile?
@JolantaPower5 ай бұрын
thank you very much foe sucha great exsplanation, please can you help me as my mo4 video on home page does not have a spind and its very important foe me to have that sound on , please can you help me, many thanks
@mrandroid21915 ай бұрын
Wow amazing video and instructions.
@hellotailr5 ай бұрын
We just used your tutorial on the "badges" section of our home page at Hello Tailr - We love how it's looking, thanks for the easy to follow tutorial 🙏 FYI We're on Shopify Dawn 11.0.0
@EnyoWomensFightwear5 ай бұрын
Hi ! On mobile view, there is tsill this grey banner below the video... can you show how to remove it on mobile devices juste how you did it here on desktop please ?
@oldmanjafar5 ай бұрын
When you click on "Has a Background Video" how does it know which file to play? Did I miss the part where you explain how to link a video file to the image banner?
@BlessedandBrilliant5 ай бұрын
Thank you!
@EcomExpanseLLC6 ай бұрын
What do you mean by "email host?". I have a domain that was purchased from go daddy but I changed the name servers to my hosting company. If I create an email address from this hosting company, doesn't it become useless when Shopify takes over?
@CristianSquitieri6 ай бұрын
Thanks for all! your video let me do this for a work project, and I'm not developer... but with this video... all resolved! Really thank you!
@shopify_expert6 ай бұрын
Can we do this same for prestige theme? any references? facing issue on variant change
Пікірлер
How many people are here because of that pesky @ symbol! So frustrating!
seemed that it would work but on my shop there's always this error: missing translation: "t:sections.image-banner.blocks.heading.settings.heading.default" missing translation: "t:sections.image-banner.blocks.text.settings.text.default" missing translation: "t:sections.image-banner.blocks.buttons.settings.button_label_1.default" missing translation: "t:sections.image-banner.blocks.buttons.settings.button_label_2.default"
Hello that’s nice thank you so much. I added this to the Banner section of my page and it really worked. However, I copied and pasted this video banner because I wanted to use it in other parts of my homepage. But I encounter an error like this: Since this works as a banner, it shows half of my other video. However, the height of my video is longer. And it only shows the head of the woman in my video :) For this reason, I try to write special code in the CSS part of the theme template, but it never works. How can I do that?
Hi! Thank you so much for this. I would love to have a different size on desktop and on mobile because. How can I change this? 😄
Welcome! The video is a background and the code I provided in section-video-banner has different css for different sizes. You could probably playround with that. You have any knowledge of CSS? By the way in my last video I give more tips about this, may you be you can watch that too.kzread.info/dash/bejne/fol8udCzaJi6pcY.html
I don't know why my comment is not showing. Posted the comment on your blog page too. Thanks!
Welcome! Hope the code worked for you
@@Webmyster Hi, no I encountered issues with your code and I left multiple comments here and on your blog! Could you confirm received?
@@Webmyster I noticed when I change the text color in the video banner section to be white, the header menu text will change to white too. They should not be connected since they are two different sections. I also noticed that I can't seem to change the text color of the detail text box in the video banner section. I want it to be white too to match header color, but it just only shows gray and I can't find out where to make adjustments. Thank you for your help
Really Nice
Nice tutorial for video banner.
I have released a latest tutorial for the latest Dawn Theme www.shopifywebmyster.com/how-to-add-shopify-dawn-theme-video-banner-in-2024/
"missing translation: "t:sections.image-banner.blocks.heading.settings.heading.default" received this error message after inputting the code. Any clue what I did wrong?
I see, I named the asset "section-video-banner.css" instead of leaving off the ".css", as it already adds that extension.
@@issacreyes7251 yes it does 😀
This is amazing! Thank you so much!!! 🙏🏻
Not sure if you're still answering questions but I'm having an issue switching between mobile and desktop. I followed all the steps but the video is zoomed in when on desktop but showing all when on mobile. The video has a 4x3 dimension, set on medium sizing on shopify, and i've already made sure all the code is adjusted for "medium" sizing. Did I miss something?
Sorry for the late reply. What version of Dawn theme are you using. I made a new video for the latest version.
Cannot see these anming convention anymore and I am lost where I am replacing codes. Can we have updated version of the video Webmyster?
Wanted to clarify something based on the comments below. Some people are expecting that they will see some fields under variants. You will either not see any fields or if there are fields there that you did not add, those were probably added by some app you installed. So in order show whatever data you want to show on the product variant, you will have to add that field yourself to the variants. In my case I added TestVariantField, TestVariantField2 and VariantDetailsUrl. And then you can see in the code I am using those same fields. So which ever field you add, you will have to change the code to get that field data to show. Hopefully this clears up some the confustion around that. And also Metafields has been renamed to "Custom data" in the settings menu. You can also refer to this blog post on my website: www.shopifywebmyster.com/add-metafields-to-variants-in-shopify/
My menu on the Dawn theme is not working can you help me?
Sorry for the late reply. What version of Dawn theme are you using?
Honestly a life saver. Thank you!
After hours and hours of not being able to add my spf record you saved me I love you
Glad I could help :-)
Good Video
Hello, Thank you for this @webmyster! Everything is working well, however, the grey background image is still visible when switching to mobile? Your code did remove it for desktop view.
Sorry for the late reply. What version of Dawn theme are you using. I made a new video for the latest version.
Sir, I have connected my domain to shopify but now I am not recieving any email on my cpanel backend. How to solve that so that I can manually handle my email for the cpnael Backend. The emails are being sending but not receiving any.
Thank you so much! This was incredibly helpful, however I'm struggling with the mobile view. Maybe it's just the size of the video I'm using? I have the height right but I can't seem to get rid of the gray on both sides of the video for mobile view. It works great for desktop. Do you have any tips? Thank you!
Awesome Video, I tried to do this on my site but it's not working. I am using Impulse theme. I found the theme.css.liquid code and inserted everything there but it's not working. maybe I insert this into the wrong code.
thank you
You're welcome
Hi, I have applying same method but the video on mobile are play correctly on Android but not not iPhone devices can you answer on?
bro talks really slow for even 2x speed 😂 I had to recheck if I was on 2x or 0.5x.
I have added the codes. My video doesn't play. Can you help?
The video doesn’t play on iphone, how to solve it
Hello, I have tried this with the new Dawn 14.0 theme and the video is not showing up - still shows placeholder image. Does the code need to be updated to fit the updated theme?
me too
metoo
thanks so much ✅
I LOVE YOU
Hi, I recently added thesliding effect to the multicolumn section of the dawn theme. The result for the section ended up being what I wanted, however now the whole page slides and creates a very annoying effect when scrolling on mobiles. Does anyone know how I can remove the sliding except for the multicolumn section? Thank you very much for your help!!
amazing video thanks Ive uploaded and it works except hilariously there is a split second shot of the cat before my video loads, any tips on removing that?
great effort and thanks a lot!
Hi there! I just watched and completed the changes in "How To Add Video Without KZread and Vimeo on Shopify Dawn Theme" and now I've completed this video instructions. My metafield is setup and the URL box appears at the bottom of my product pages. I've copied the Shopify URL, pasted, and nothing shows on my product pages. I've gone through every step in the video 10x and can't find anything I missed. Please help 🙏
Top thanks
Playback speed 2
hello ! do you happen to have the code or tutorial on how to do this same thing but for the "Multi-Column Collections" option? :) Thank you !
can you please share the entire image banner file code with us please. thank you
Thank you very much. I wasted 4 hours tonight on this. Google WS said they couldn't help me and that I needed to contact shopify....Shopify said they couldn't help me and to contact google. Your directions worked.
you're a legend
You're amazing!!!! I was losing my shit, you saved me from spending money and waiting on unreliable people.
lost my image banner section bcz of this video ...plz help me get back to image banner section ... and my images not showing in mob version ..it just shows on desktop version
unsurprisingly, both the Shopify and Google instructions are trash, but your TXT SPF value worked like a charm, nice
Great video, thanks! What code would you use in Dawn 13? How would you specify if you wanted a different video on mobile?
thank you very much foe sucha great exsplanation, please can you help me as my mo4 video on home page does not have a spind and its very important foe me to have that sound on , please can you help me, many thanks
Wow amazing video and instructions.
We just used your tutorial on the "badges" section of our home page at Hello Tailr - We love how it's looking, thanks for the easy to follow tutorial 🙏 FYI We're on Shopify Dawn 11.0.0
Hi ! On mobile view, there is tsill this grey banner below the video... can you show how to remove it on mobile devices juste how you did it here on desktop please ?
When you click on "Has a Background Video" how does it know which file to play? Did I miss the part where you explain how to link a video file to the image banner?
Thank you!
What do you mean by "email host?". I have a domain that was purchased from go daddy but I changed the name servers to my hosting company. If I create an email address from this hosting company, doesn't it become useless when Shopify takes over?
Thanks for all! your video let me do this for a work project, and I'm not developer... but with this video... all resolved! Really thank you!
Can we do this same for prestige theme? any references? facing issue on variant change