Shopify - 4 Ways to Add Unique Video to Each Product - Basic to Adv. w/ Metafields

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ต.ค. 2024

ความคิดเห็น • 73

  • @DirtyPixel
    @DirtyPixel 6 หลายเดือนก่อน +1

    Exactly what I was looking for 😉 Excellent tutorial and being able to use the template for products without videos via the "if" statement is the icing on the cake! Thanks so much for all your videos 👍

  • @Human_Evolution-
    @Human_Evolution- ปีที่แล้ว +4

    Best Shopify channel there is. Keep going.

    • @EdCodes
      @EdCodes  ปีที่แล้ว +1

      Thank you!

    • @Human_Evolution-
      @Human_Evolution- ปีที่แล้ว

      @@EdCodes it's simply the truth.

    • @earspasm
      @earspasm 8 หลายเดือนก่อน

      Amen.

  • @nikrobins95
    @nikrobins95 4 หลายเดือนก่อน

    ahhh thank you brother you made it so easy i've been struggling with this for a minute

  • @somayehtorabi-tw7yi
    @somayehtorabi-tw7yi ปีที่แล้ว

    Hello Ed
    I am start to watch your videos, you teach very nice and I can understand all without getting tired , thank you

  • @sidneycandia
    @sidneycandia ปีที่แล้ว

    great content. Now i understand a little bit of metafields and code. TKS!!

  • @inspiron9821
    @inspiron9821 3 หลายเดือนก่อน

    Really struggled for it to find. Thanks a lot !! :)

  • @davidgoult8694
    @davidgoult8694 ปีที่แล้ว

    I went one step further and added a custom liquid block to the product accordion so that I can still have it in a drop-down, that's always open on load. 😊 Just utilizing some of your other videos. thanks so much.

    • @elisaolenik7037
      @elisaolenik7037 3 หลายเดือนก่อน

      how did you do this??

  • @norabruno_com
    @norabruno_com 5 หลายเดือนก่อน

    This was super helpful! Thank you so much! Metafields are really good and amazingly confusing for me at the moment :D

  • @Deborahbrako
    @Deborahbrako ปีที่แล้ว +1

    Thank you for the amazing coding info, you have really helped me through out my web designing career. Keep up the great work!

  • @erinnlamattery5075
    @erinnlamattery5075 ปีที่แล้ว +1

    Perfect, thank you so much! I'm looking forward to a detailed tutorial on setting up meta objects (unless you released one and I missed it!! I better go check!)
    And how to apply basic CSS stuff to the shopify themes would be helpful too!

  • @olgagal8800
    @olgagal8800 ปีที่แล้ว +1

    👍 thank you very much for your tutorials.

  • @heechung6377
    @heechung6377 ปีที่แล้ว

    wow... this is so helpful. thank you for explaining it easy to understand.

  • @mateuszsynderecki7168
    @mateuszsynderecki7168 ปีที่แล้ว

    Your videos are so well made and understandable ! Crazy good content.
    Question, isnt this slowing down ur website if u have so much product videos ?

  • @KlumHouseBags
    @KlumHouseBags ปีที่แล้ว

    Yes, please do full-length CSS tutorials!

  • @tjb993
    @tjb993 ปีที่แล้ว

    Legend! Absolute lifesaver

  • @CaptainActive
    @CaptainActive ปีที่แล้ว

    Another great video. Thanks for posting!

    • @EdCodes
      @EdCodes  ปีที่แล้ว +1

      Thanks for commenting!

  • @chrismaki5456
    @chrismaki5456 ปีที่แล้ว

    Thank you, this helped bring together a lot of for me!

  • @davidgoult8694
    @davidgoult8694 ปีที่แล้ว

    Great video like alway ed!

  • @user-45446
    @user-45446 ปีที่แล้ว +1

    Best Shopify video tutorial. Thanks. Can you give us more information on custom meta object use case.

  • @pillgat3s
    @pillgat3s ปีที่แล้ว

    i really love your videos! i just got some youtubers promoting my website and was thinking about embeding their reviews in my products and boom... you make a video about it🤣🫶🏻
    also really love your content because you use dawn theme too😮‍💨

  • @abcsoftamil
    @abcsoftamil ปีที่แล้ว

    Thank you for this very clear video. I have been trying to make my product demo videos more visible within the product page and I think this is the best way. I do have one question though. Would this work if I were to make the product type file and simply upload the video file? Instead of embedding a youtube video file?

  • @elisaolenik7037
    @elisaolenik7037 3 หลายเดือนก่อน

    Thanks for these videos. Is there a way to do this without having to upload the video to TH-cam? Such as uploading the file to Shopify files and copying the link? Thanks!

  • @louvrierfragrance
    @louvrierfragrance หลายเดือนก่อน

    great tutorial... but how would I do this with a video i have hosted on shopify and not on youtube?

  • @ddcwraps
    @ddcwraps ปีที่แล้ว

    Very helpful! Thank u!

  • @Fedgery007
    @Fedgery007 ปีที่แล้ว

    This was great thank you!!

  • @mylesdeboer9746
    @mylesdeboer9746 ปีที่แล้ว +1

    Hi Ed, I am hoping that you might see this and that you could answer a question for me. I have never developed on Shopify, but have been thinking about making the move on giving it a shot. I am curious to know how limited UI styling is within liquid though. For example. Could I create a dark mode option button that, once clicked, it will NOT only change the the colors, but I could have a banner image change to another image when the dark mode button is clicked as well? let's say the banner image is a dog running around, but once the dark mode button is clicked, it then shows the dog sleeping. Is this an easy possibility? I feel like this may be a stupid question.

  • @BennyBoychik
    @BennyBoychik ปีที่แล้ว +2

    Hey Ed, thank you for the great content. Can this work for referenced metaobjects? I have been using Shopify's new metaobjects function to build out re-usable bits of product info to reference commonly needed information and output to my theme. For example, a video that explains a product material that many different products use. I have tried using liquid to output these using what I think is the right metafields name and key but doesn't seem to work!

    • @PhaseShiftGames
      @PhaseShiftGames ปีที่แล้ว

      I am running into the same thing. I added this liquid to a page: {{ shop.metaobjects.game_details.intro_video.value }}
      But is not pulling through the video properly. Wonder if there's some other trick when it comes to metaobjects or normal pages.

  • @iPedro
    @iPedro 7 หลายเดือนก่อน

    Very useful thanks. I'm struggling with loading the video directly into the metafield so it's a local file instead of a TH-cam embed.
    I've created a file metafield and uploaded a webM video and it never works. If you could make a video on that please, I've seen a lot of people asking this question in forums.

  • @Marcel012345678
    @Marcel012345678 7 หลายเดือนก่อน

    hi i love your videos. is it also possible to autoplay the video in the product catalog ?

  • @Berlin0
    @Berlin0 ปีที่แล้ว +1

    hello, do you have a video explains how to add extra charges to a product using metafields

  • @sunsead
    @sunsead ปีที่แล้ว

    I'm getting a lot out of your Shopify video tutorials. nice job! I am still struggling to learn how to build a basic Shopify 2.0 website. CSS is beyond my current capabilities. It seems like you made a comment in a previous video that the theme can't be updated is it contained CSS modifications. This makes me think that there is a reason not to make these modifications. Can you expand on this?

  • @NEGPEC
    @NEGPEC 7 หลายเดือนก่อน +1

    Hey there. Great work but with Dawn 13.0 the trick doesn't function anymore. An update would be very helpful.

    • @NEGPEC
      @NEGPEC 7 หลายเดือนก่อน

      Sorry, my mistake I was referring to the video for embedding the video in a collapsible row.

  • @PandaShopMi
    @PandaShopMi 7 หลายเดือนก่อน

    Thank you very much sir! God bless you

  • @ellenshirk4625
    @ellenshirk4625 18 วันที่ผ่านมา

    Hi! Have you ever tried to skip the youtube upload and just upload the video to shopify, then create a metafield for a file rather than multi line text? I was able to upload my video file right to the metafield file value on the shopify product page back end, but I am having trouble getting it to show on the front end with linking the metafield through the liquid you provided. it is just listing the file name, not directly playing the video. Through an image pre built product page section i have, i was able to insert the file metafield there and get the video to show (like an image) but not play. So i feel like I am close!! But i would love to find a solution to this so I dont have to upload videos to youtube.
    Thank you!!

  • @2000pppp
    @2000pppp 6 หลายเดือนก่อน

    you are fantastic . i want to ask how i got the block custom liquid block i didnt find it . or how i create this custom liquid. thank yoou

  • @NikitaSilkin-li6gx
    @NikitaSilkin-li6gx 5 หลายเดือนก่อน

    Hello, how about mobile version?
    Could we change some code and size of the video will be changes based on size of devise ?

  • @apollomarconi1090
    @apollomarconi1090 ปีที่แล้ว

    Very good! Question: In the Custom Liquid section > How did that same video that you added earlier using the metafield method end up as the video in this section? I did not see you add that info when creating it.

    • @davidgoult8694
      @davidgoult8694 ปีที่แล้ว +1

      The embed code was added to the Metafield in the associated product then Ed output the metafield to custom liquid section.

    • @apollomarconi1090
      @apollomarconi1090 ปีที่แล้ว +1

      @@davidgoult8694 thanks! that makes sense. I'll be watching again to see if I catch it this time.

  • @erinnlamattery5075
    @erinnlamattery5075 ปีที่แล้ว

    Thanks!

  • @user-wv7jo1qg6f
    @user-wv7jo1qg6f 8 หลายเดือนก่อน

    Hi Ed, just found your channel now..brilliant..Would you know how to add a video to the home page? I did it before, but now its saying This link is invalid, Try using a complete TH-cam or Vimeo link.. I copied and pasted directly from youtube and wont work.. any thoughts really appreciated! Thanks

  • @shimaabrishami837
    @shimaabrishami837 ปีที่แล้ว

    Hi Ed. Please teach us how to customize the blog posts? Shopify doesn't have this option and I've been struggling with it for a long time.

  • @BShockedElectrical.
    @BShockedElectrical. 11 หลายเดือนก่อน

    Thank you so much! Now I can Impress my boss!!!!!!!!!!!!

  • @krynndotca
    @krynndotca หลายเดือนก่อน

    Hi is there a way to customize a customer’s page? So simply if I want to add consignment services I want the customer to be able to see certain product that I am selling on their behalf. It does not need to be advanced like a market place but simply have them on their own customer page see a certain product. They do not need to be able to interact with it.

  • @MAZZ007
    @MAZZ007 2 หลายเดือนก่อน

    How about inserting a table under Collapsible?

  • @aks1935
    @aks1935 ปีที่แล้ว

    Is there a way to retain your video dimensions when adding to product media?

  • @mohitbeniwal3425
    @mohitbeniwal3425 ปีที่แล้ว

    what if we want to change its size only for pc not for mobile it changing both equaly ?

  • @adilabaseer558
    @adilabaseer558 5 หลายเดือนก่อน

    Can i add image in collapsible row? Please help

  • @LightsBright101
    @LightsBright101 ปีที่แล้ว

    when I select insert dynamic source, my metafield that I just created doesn't show up there. id also like to direct message you with 1/2 other problems I have with my store. for example how to resize/ make responsive, the video I uploaded to product media if its not a TH-cam embed code. My main wish is to have my videos responsive in my main part of my store not for product media or product description. Uploading it as a custom liquid is fine but I cant see on your video how to make it responsive, in that particular part of my store. Putting it as a metafield video is harder in the main part of my store than if i was to just upload it as a TH-cam embed code. it would really help if you could help me out with these problems I have. I also love the content you create and appreciate how in depth it is. I hope the way I've worded this has made sense.

    • @LightsBright101
      @LightsBright101 ปีที่แล้ว

      Just an update - I've added my videos in product media and on mobile they're perfect but on desktop they're just too long. do you have a code for responsive resizing for videos in product media

  • @joannahong6262
    @joannahong6262 ปีที่แล้ว

    Is there any way to make the product video play automatically?

  • @cantti
    @cantti ปีที่แล้ว

    Great stuff. Since the embed code is always the pretty much static, couldn't it be made so that user just needs to give only youtube video ID value and the embedding code behind it could be global. This would help tremendeously if at some point you like to change the way how it's embedded (for example modifying margins/paddings/responsiviness) or if youtube changes their code of it. One change would fix all embeds throughout the website/products.

    • @EdCodes
      @EdCodes  ปีที่แล้ว +1

      Yes, I just wanted to keep it simple here but normally for TH-cam I would do exactly what you describe - use a text metafield for the video ID and have the rest of the code in the theme editor. But for this video I wanted to demo that it can be used for different embed codes (and code in general), and it's not always the case that the URL differs by just one ID or part.

  • @AlejandroMaldonado-lv7bv
    @AlejandroMaldonado-lv7bv ปีที่แล้ว

    Hi, what about if my videos are not from TH-cam? I have them on Shopify fields. I followed the steps but it doesn´t work. What do I have to do in this case? Thanks in advance

    • @poochyhouse
      @poochyhouse ปีที่แล้ว

      I would also like to know this

  • @FootballPlayerMoments
    @FootballPlayerMoments ปีที่แล้ว

    Does anyone know how to add downloaded views into the product description tabs? cannot find embedded code for it

  • @lauremoens8312
    @lauremoens8312 ปีที่แล้ว

    hi! my video is working on my dekstop, but not on my phone... anyone knows a solution?

  • @PaulGoody-r1t
    @PaulGoody-r1t ปีที่แล้ว

    a css tutorial would be very helpful

  • @riamahmed7019
    @riamahmed7019 ปีที่แล้ว

    Can u nake a full course shopify with hydrogen? Really, don't find any course. Just one or two overview video available.

    • @EdCodes
      @EdCodes  ปีที่แล้ว

      I don't have much experience with Hydrogen, and my channel is more for beginners anyway. This is a job for @CodingWithJan or @CodewithChristheFreelancer

  • @CaptainHuler
    @CaptainHuler ปีที่แล้ว

    Thank You for everything so far. You've helped me a lot and yet here I am with one request (haha).
    Would You like to create code for NAVIGATION MENU AKA MEGA MENU for Dawn theme? HTML + CSS.
    I can support this with money.

  • @Human_Evolution-
    @Human_Evolution- ปีที่แล้ว

    Ed, I commented on your blog about this/something similar. I am refreshing your blog to see if you reply, not sure if it pings me.

  • @Rowafaedits194
    @Rowafaedits194 ปีที่แล้ว

    CAN I EDIT YOUR TH-cam VIDEOS?

  • @okeowomatt5090
    @okeowomatt5090 10 หลายเดือนก่อน

    thanks Nigga, i got frustrated already. it's so easy for me to think of coding even though the solution might be very simple like first solution