Shopify Dawn Theme Video With Text - Dawn Theme Customization

Поделиться
HTML-код
  • Опубликовано: 21 янв 2025

Комментарии • 35

  • @Webmyster
    @Webmyster  2 года назад +1

    IMPORTANT: PLEASE READ
    ========================================================================
    There is a minor mistake in the code, where I have poster attribute in the tag in image-with-text.liquid file.
    I believe I pasted extra two }}. It should only be two. So correct format is:
    poster="{{ section.settings.video_image_url }}" and Not poster="{{ section.settings.video_image_url }}}}"
    Video still works but I advise you to change this as it could cause issues in some cases.

  • @MARTYAPUTZ
    @MARTYAPUTZ Год назад +6

    HI there, This is not working for Dawn 10.0 . Do i need different a different code? Thanks for the awesome post.

  • @raydiaz5851
    @raydiaz5851 2 месяца назад

    hello, in mobile version it does not show the full video. how can I make the video to fit and be smaller as the default mobile layout doest not work?

  • @MARTYAPUTZ
    @MARTYAPUTZ Год назад +1

    Also did you add code that was not on the document you attached? thanks

  • @Ayoub8701
    @Ayoub8701 2 года назад

    Bro can you help me in how to auto play videos in within product images?
    I have in every product photos and one video.
    I want that thus video will play automatically in stead of clicking twice to play it and costumers might get confused because the icon play is on the top left and then you need to click another time on play icon in the middle to play the video
    I would really appreciate

  • @jasonaucay
    @jasonaucay Год назад

    Use one of the asset_url filters to serve assets what is that ?

  • @vvss958
    @vvss958 Год назад

    Thanks for the awesome video

  • @ksofficial53
    @ksofficial53 Год назад

    It still works, thank you.

  • @ajeetsinghgill
    @ajeetsinghgill 8 месяцев назад

    I have added the codes. My video doesn't play. Can you help?

  • @TiaBliss07
    @TiaBliss07 2 года назад

    This hasn't worked for me, I've used a Shopify video link but I'm just getting a blank area rather than an autoplay video

    • @Webmyster
      @Webmyster  2 года назад

      What Dawn theme version are you using? Is that on desktop or mobile, or both? Also, please double check, may be you missed a step?

    • @cheewan9273
      @cheewan9273 Год назад

      It doesn't work for me either, although I am using the most upto date version of Dawn i.e. version 8. So maybe the method does not work beyond version 6?

    • @cheewan9273
      @cheewan9273 Год назад

      @@Webmyster I assume that this does not work on version 8 of tDawn as I have just tried it. Could you do one for the latest version?

    • @sadiakhattak9685
      @sadiakhattak9685 Год назад

      Doesn’t work for me either. The video window doesn’t appear at all.

  • @solebydesign
    @solebydesign 2 года назад

    Is it possible to have the video autoplay on mobile? The video works but when I view on mobile it shows my image with a playbutton and then i have to manually play the looped video.
    I have the setting checked to autoplay if no sound but it is not autoplaying on mobile without having to click play first

    • @Webmyster
      @Webmyster  2 года назад +1

      Does your video have sound? Browsers do not allow videos with sound to play automatically. If your video does not have sound then try adding "muted" attribute to the video tag code. The code that starts with

  • @kieranshaw7885
    @kieranshaw7885 Год назад +1

    My lines to edit are different then yours... I have dawn theme version 9.0.0
    Does this still work for this new version?
    Also when trying to save the code it comes up with error "Liquid syntax error (line 100): 'schema' tag must not be nested inside other tags. Any idea why this is?
    Thanks, your videos are amazing!

  • @heymeneses
    @heymeneses 2 года назад +1

    Thanks for taking the time and creating this tutorial! I’ve had this question for some time now. Let me know if you would like to network in the future and chat about RUclips strategy 👍🏼

    • @Webmyster
      @Webmyster  2 года назад +1

      You're welcome!

    • @Webmyster
      @Webmyster  2 года назад

      Sorry read half of your message. Sure, I would like to hear your thoughts. Can you please email me at webmyster1@gmail.com ? By the way I did a video for youtube in image with text: ruclips.net/video/XD6Cmf8H0u4/видео.html

  • @MarkLeenheer
    @MarkLeenheer 2 года назад

    Thank you! Super cool and works great. Could you show how to disable autoplay until mouse movement or scroll is detected?

  • @KatherineTaveras-q2z
    @KatherineTaveras-q2z Год назад

    Love your videos. I did run into a problem my image & video are big how can I edit the size ?

  • @cfhghghgh
    @cfhghghgh Год назад +1

    Thank you sir

  • @NamastayClips
    @NamastayClips Год назад

    Hi, this was so helpful. Thank you so much!! This worked perfectly for me but my video is getting cut off (on the right side, you can only see what is playing on the left side of the video), would you know how I can fix that?

  • @theclipfather4631
    @theclipfather4631 Год назад

    Thank you!

  • @heymeneses
    @heymeneses 2 года назад

    Quick question, does this work with RUclips URLs or just with videos hosted on Shopify files?

    • @Webmyster
      @Webmyster  2 года назад

      Only videos hosted on shopify. If you want to use RUclips, I might have to make a part 2 video :-) And if that's what you are looking for it might be easier to customize the existing Video section (that only allows youtube and vimeo videos) to have the ability to add text. Let me know and I will look into it.

    • @heymeneses
      @heymeneses 2 года назад

      @@Webmyster yes, I use RUclips most of the time because my videos tend to be large files. It would be awesome to modify this existing code to get it working with RUclips. I like the “image with text feature” because it’s a side-by-side layout and saves time with unnecessary scrolling. Thanks again!

    • @Webmyster
      @Webmyster  2 года назад +1

      @@heymeneses sure, I'll take a look

    • @heymeneses
      @heymeneses 2 года назад

      @@Webmyster thanks, I appreciate your help 👍🏼

  • @rebeccathepilot
    @rebeccathepilot 2 года назад

    Thank you for addressing this video issue. Is There a way to do this with the Craft Theme. I don't have Dawn as my Shopify theme. Also can you do a (rumble) application as well?

    • @Webmyster
      @Webmyster  2 года назад

      You can use the same idea, so may be create a backup and give it a try. Might work, I have not tried. One of my subscriber told me that they tried on a different theme and it worked for them so you never know.
      As for Rumble, tutorials about apps is really not my niche. I stick to more technical stuff. Hope you understand. While I say that who knows may be I will tilt a bit in future :-) but not right now.

  • @yosolitopr
    @yosolitopr 2 года назад +1

    please nice info, but speak louder!!!!!!

    • @Webmyster
      @Webmyster  2 года назад

      haha ok, are you telling me after turning up the volume on youtube player and your computer you still cannot hear me clearly? It's not about talking louder, I control the levels during editing and can reduce or amplify. I usually keep them at the same level. I would like to know if you had the volume at max and still could not hear me well? Thanks