Learn SHOPIFY LIQUID in 10 minutes as a Beginner

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

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

  • @CodingWithJan
    @CodingWithJan  3 месяца назад

    🌟Learn the JavaScript side of Shopify Development: codingwithjan.com/javascript?src=liquid-10min-yt
    👨‍💻Find a reliable Developer for your project: www.codingwithjan.com/hire-a-developer

  • @BillyOfTea
    @BillyOfTea 2 года назад +9

    We are just beginning to go online with our ecommerce business. I dabbled in HTML5 back in college so this has been a huge help in my journey to do little things like change a font size here, or other adjustments that simply are not available through the basic shopify interface. Thank-you so much for taking the time to do this. You have boosted my confidence 3 fold.

  • @adeisaac
    @adeisaac 5 лет назад +58

    Oh yeah! I am sure it really took you time to make the animated presentation. Highly appreciated Jan

    • @CodingWithJan
      @CodingWithJan  5 лет назад +4

      Thank you Ade Isaac. Really appreciate your positive feedback all across the channel 😃 🚀

  • @felixchan2081
    @felixchan2081 4 года назад +4

    I'm a beginner, just starting out. With zero knowledge on IT, I find this absolutely simple to comprehend. Amazing! That said, I thank you from the bottom of my heart. I have subscribed and looking forward to learn more. There will be a lot of your past RUclips videos to catch up on. Once again, Thank you Jan.

  • @jahmyire66
    @jahmyire66 4 года назад +42

    I feel like I leveled up watching this. About to elbow drop this subscribe button

    • @CodingWithJan
      @CodingWithJan  4 года назад +6

      Very nicely said 😄

    • @johnhayes4386
      @johnhayes4386 3 года назад +2

      Just elbow dropped the sub button myself :D

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

      Am hanging out for the Udemy course 😅

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

      Just gave the sub button the people's elbow myself. This tutorial is helping me learn what I need to pass this technical project. Thank you, Jan!

  • @sdvogo1520
    @sdvogo1520 4 года назад +9

    PERFECT TUTORIAL MAAAN. Clean, direct and exhaustive. As a programmer I found this tutorial really straight to the point

  • @jacquifrank6321
    @jacquifrank6321 8 месяцев назад +1

    Thanks Jan! Just started building a Shopify website and your tutorials are the first place I go for help. They're very easy to follow as you explain things so simply yet clearly. Keep it up :D

  • @MrAhvids
    @MrAhvids 4 года назад +11

    Out of all tutorials I've seen, this is top 3 for sure. The visual explanation, easy to follow instructions. Thanks bro. Subbed

  • @arshiasaleem5005
    @arshiasaleem5005 4 года назад +6

    Your enthusiastic and excited way of saying "i really hope you like animations" made me smile. Thanks

    • @empoweredsurvivalist
      @empoweredsurvivalist 3 года назад

      Yes, me too! Thank you Jan! The animations help tremendously!

  • @high-defRJ
    @high-defRJ 4 года назад +4

    Of all the Shopify "tutorial" vids on RUclips, I found this very informative! I've leveled up in a matter of a month or so, and now, I think I'm getting to the intermediate/advanced level. Glad that I have a Ruby (on Rails) background!

  • @theunlivingroom8261
    @theunlivingroom8261 4 года назад +20

    I love the animated explanations! I’m a very visual learner and you explained in a few mins of video what I have been trying to understand for a week! Thank you for all the time it takes to animate those explanations 🙇🏻‍♀️

  • @MuhammadAli-fn4xb
    @MuhammadAli-fn4xb 8 месяцев назад +1

    Finally a video straight to the point and very informative ❤❤❤❤

  • @GlobalPartyPeople
    @GlobalPartyPeople 3 года назад

    Thank you Jan! great energy, clarity and professional. We did subscribe to your channel. Cheers!

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

    Wow, why it is so easy to understand when I'm watching your videos. Thank you!

  • @monicaw2140
    @monicaw2140 4 года назад +1

    thanks so much for the way you teach. i had hard time with the many curly brackets liquid, now feel better!

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

    The animation REALLY helped with the explanation! Thank you for taking time to create that. I don't think it would have made as much sense without it!

  • @emmab7658
    @emmab7658 4 года назад +4

    Just starting to learn Shopify and like your videos. Very well explained, and the animations are great. 😃

  • @samgupta143
    @samgupta143 2 года назад +2

    Very crisp and clear information, love the way you taught. Hats off to you.

  • @michaelcoyle852
    @michaelcoyle852 4 года назад +1

    Your videos are immensely helpful. I really needed to be able to understand what I was looking at when it came to my company's website and how it works. Thank you.

  • @ajayrabari433
    @ajayrabari433 4 года назад +2

    Subscribed to see more videos in shopify development

  • @miklahbeautyproducts81
    @miklahbeautyproducts81 3 года назад +2

    Great job explaining something complicated. You are easy to follow and very engaging. Thank you

  • @byedwardleung
    @byedwardleung 3 года назад +2

    nice video, should make a video where you build a simple theme from scratch or using a free template.

  • @timothymaggenti717
    @timothymaggenti717 5 лет назад +4

    Great job Jan, we do appreciate your hard work, it was very informative and well explained. I hope you do very well. I will follow you I am very interested in Shopify modifications.

  • @araitakayuki7833
    @araitakayuki7833 4 года назад +1

    Thank you Jan! I can get the basic knowledge and this is the first step as a shopify developer:)
    I really appreciate it and go on to see your another video!

  • @Scorpionwins23
    @Scorpionwins23 4 года назад

    Slightly less confused now but I have only just started, your explanations are very good. I think I will have a much better understanding after watching the rest of your videos.

  • @ecoreplenishers
    @ecoreplenishers 3 года назад

    I feel like coding now, though i have always hated coding. Your video is very helpful.
    Thanks a lot

  • @iordannikolov1373
    @iordannikolov1373 4 года назад +1

    keep hustling mate!! just subscribed!

  • @itbaymax7241
    @itbaymax7241 4 года назад +1

    I myself am a full-stack web and mobile app developer. But your video is really perfect for all kinds of beginners, especially I liked your animated client-server side communication and your English with very lovely voice. Thanks for making such great videos and I hope you will keep up the good work. Audiences, let's cheer him up!!!👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏

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

    Thank you Jan! I am 45, have only some basics on HTML and CSS. You really explained liquid very well with the infographics. Thank you!🙏🏽

  • @kunndik6654
    @kunndik6654 4 года назад +3

    This would be a nice to have DIY video/tutorial - about ‘How to figure out where some feature is, within liquid files, within Shopify.’
    As a lay person, trying to figure all of this out, the hardest part for me is that step - of going from the developer tools area to finding the right place within Shopify.
    Interestingly, all of the folks (like you) who provide these training videos - really good/helpful! - do the ‘inspect element’ trick from Chrome, let’s say, but they gloss over HOW they figure out where within the Shopify liquid files that code actually resides. :)
    I think it’s second nature to you, because you know how the code is constructed, containerized and distributed. I can usually see the name of the file, but without really knowing how to program, and the way in which the sections/elements/snippets, etc., are distributed, it’s really hard to know where to look, when editing the Theme.

    • @victorflores6331
      @victorflores6331 4 года назад

      Hire a dev. It's worth the investment.
      There's a lot of ways to code things wrong.

  • @jaclyncox3051
    @jaclyncox3051 2 года назад +2

    Such a good explanation! It was soooo helpful to see you code it in real time.

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

      Glad it was helpful for you Jaclyn 😁

  • @edwincaceresi.3284
    @edwincaceresi.3284 4 года назад +1

    Dude, Your Rock! Keep posting more content!

  • @rae0004
    @rae0004 4 года назад +1

    Great work! Really enjoyed the animations!!

  • @ScifiGuitarguy
    @ScifiGuitarguy 4 года назад +1

    Great video. Clear, informative, concise. Much appreciated. Subscribed.

  • @enuenan3271
    @enuenan3271 3 года назад

    Bro You are just awesome. You make it so easy. Helping me in my job field. Great work Jan

  • @j.esqo.official
    @j.esqo.official Год назад

    Hey Jan, love this so much. I thoroughly enjoyed the graphics. I barely knew any coding and this made a TON of sense.
    I have a question: I’ve got a theme that has multiple options for page layouts. There’s about 10 templates for pages. I’m only using one. Should I delete this other code and related content from my theme to increase page speed? Will this have an effect or does this code not load if unused?

  • @Evelynsetubalg
    @Evelynsetubalg 4 года назад +3

    Thank you so much Jan, you make it look easy! That motivated me a lot

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

    shopify liquid newbie here :) very informative and to-the-point vid. thanks for uploading it!

  • @assad.rajab-2
    @assad.rajab-2 2 года назад

    Hi Man, thank you for the great video. i wish you had it all in a playlist so we can follow along, you are the only one explaining shopify in my youtube filter. so maybe dive a bit deeper in the tutorials.

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

    You're the man Jan!!!!!

  • @tmaifat
    @tmaifat 3 года назад

    Thank you so much! This is the first video that I was watching about Liquid and you already gave me information about the task that I need to do. I'm so grateful!

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

    wow i was looking for some simple tutorial, this was great!!!! thank you very much!

  • @SGDCTVDUBAI
    @SGDCTVDUBAI 4 года назад

    Awesome! Plz do more of animations in future explanations of complicated concepts, makes the viewer less sleepy!

  • @Robert.ohhdez
    @Robert.ohhdez 4 года назад +1

    Just subscribed!! Thank you for your hard work! Cheers!

  • @richi901000
    @richi901000 4 года назад +1

    Thanks for that video jan! Best greetings to Germany! 😉👍🏻

  • @gustavodominguez3999
    @gustavodominguez3999 4 года назад +1

    Thanks a lot, really motivated me to pick up liquid. Looks very straight forward

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

    Great job! Jan. Thanks for putting the extra effort, and it's very informative.

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

    Thanks for the content and a special thanks for the animation part. Hats off

  • @raquelmontemayor5390
    @raquelmontemayor5390 4 года назад +2

    Jan! Thank you so much for the explanation it was really helpful!

  • @juanchox0929
    @juanchox0929 4 года назад

    Very clear information! I didn't have idea about liquid. Keep going!

  • @urossestovic6259
    @urossestovic6259 4 года назад

    I found your video really usefull, because I posses knowledge of JavaS, HTML and CSS, but never heard of Liquid, thanks for saving my time, you earned a sub 😉😁

  • @BobbyValenzuela
    @BobbyValenzuela 4 года назад +1

    Great vid! the animations were very helpful as well! Liquid reminds me a lot of Vue JS

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

    thanks for all the detail! your stuff is great. really helpful

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

    This video was very helpful and I actually learned from watching. Thank you Jan!

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

    Thnak you very much, great video, love the animated explanations!

  • @birdsonlybirds8291
    @birdsonlybirds8291 4 года назад +1

    Thank you! This was extremely helpful in helping me understand how all the different parts of shopify come together

    • @CodingWithJan
      @CodingWithJan  4 года назад

      Super welcome. Thanks for your feedback :-)

  • @ColeCaccamise
    @ColeCaccamise 3 года назад

    Really well put together! Excited to start working in Liquid

  • @oscarconde2516
    @oscarconde2516 3 года назад

    Thanks a lot! I enjoy your animated videos, easy to understand

  • @ivanwestra6014
    @ivanwestra6014 3 года назад

    how could you not love this guy

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

    danke, Jan. Gute, kurze Einführung ins Thema.

  • @modernizemysite
    @modernizemysite 4 года назад

    You're awesome! This was an easy to understand tutorial. Just subscribed!

  • @sadbiscuits
    @sadbiscuits 3 года назад

    great character and very smooth way of teaching thank you for real man sub earned

    • @CodingWithJan
      @CodingWithJan  3 года назад +1

      Thanks for the great feedback 🎉 and welcome to the channel 🙌🏻

  • @ItsMeJasonP
    @ItsMeJasonP 3 года назад

    this was brillaint, 100% should be a teacher. felt so easy to understand

    • @CodingWithJan
      @CodingWithJan  3 года назад

      Hey Jason, thanks so much 😃
      Coincidentally I became one, checkout our coaching program Freemote it you'd be interested in becoming a developer. :-)
      codingwithjan.com

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

    The way you explain it. It looks easy😮

  • @JOYBENITEZ
    @JOYBENITEZ 4 года назад

    So helpful and easily explained, thanks! I'm looking to make some improvements to a theme I purchased. I am already a developer and know some html and css. I bought a theme that was supposed to be built for conversions, some time ago before making a proper research because some shopify "experts" recommended it. Turns out those "conversion" stuff (like scarcity or social proof pop up) look horrible so they need some work as well! It has SO MANY downsides for everyone who wants to make a customization because it seems they patched lots of parts and code is a nightmare. Even the sections and blocks are difficult to understand, you would expect for example header or footer parts to be customized in only one section but parameters are distributed all over the place. Makes me so angry because I payed 160usd. Still, some little parts are better than free themes that's why i'll give it a try to at least understand better the structure and practice for future theme fixes. I recommend nobody buys Shoptimized theme.

    • @CodingWithJan
      @CodingWithJan  4 года назад +1

      Hey Joy, nice meeting you and thanks for your detailed feedback 😁
      I could really feel your anger towards that theme.
      Haven´t worked with shoptimized in particular, but have seen some catastrophic themes in the past too :-)
      Codewise I think Flex by out of the Sandbox is state of the art, but it´s also quite pricy.
      I also like most of the debut theme´s code.
      Pretty sure you´ll make things work :-)

  • @maxgorges7625
    @maxgorges7625 4 года назад

    Fantastic channel. This is my first time developing a Shopify site and your videos have been so helpful. Thank you!

    • @CodingWithJan
      @CodingWithJan  4 года назад

      Super welcome!
      Awesome to see some people find the content somewhat useful :-)

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

    You got the best videos. By far.

  • @samirsamir7779
    @samirsamir7779 4 года назад

    what a greaaaaat channel Jan ! please keep delivring much more long videos about " shopify stores theming and customization" ( html , css , liquid ...) THANK YOU JAN ;) ( is there any udemy shopify dev.video you have please ..? )

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

    Thank you Jan, lovely animations :D

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

    Great clear overview - thank you!

  • @nilamrakholiya3636
    @nilamrakholiya3636 4 года назад

    It's very helpful for shopify beginners.. Thank you so much jan.

  • @asharabarshad1759
    @asharabarshad1759 4 года назад

    hi jen you have such a great knowledge on shopify liquid can you make a video on sidebar shopify filters on collection page because apps are not good approach to get these filters

  • @callingdreams7548
    @callingdreams7548 4 года назад +1

    Than you Jan, love your smile mate!

  • @bulalmamam2106
    @bulalmamam2106 5 лет назад

    Thank you very much for this content, and so you will grow because you are the only one who makes these videos You could make a video of how to add the buy button now below the description, for when a person is reading the description the buy now button appears

    • @CodingWithJan
      @CodingWithJan  5 лет назад

      Very welcome :-)
      Also thank you for your input. Someone else suggested a sticky add to cart button. Think both ideas are good. I'll see what I can do :-)

    • @bulalmamam2106
      @bulalmamam2106 5 лет назад +1

      @@CodingWithJan thanks a lot my broder

  • @Hasan-bc6rr
    @Hasan-bc6rr 4 года назад

    Thanks Jan, this was very simple to follow, but now you created more questions for me in my head. I like to know how to increase the number of products displayed per row in my featured products page. Thank you so much

  • @ignaciomolina7251
    @ignaciomolina7251 3 года назад

    Thanks Jan. Keep it up, just what i was looking for and you motivated me to hand on learning by replicating this exactly

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

      Hey Ignacio, Glad this was helpful😄

  • @traceydj1011
    @traceydj1011 3 года назад

    This is a great video. I am so happy I found your channel. Are you familiar with the Kala All In One theme. It is giving me grief.

  • @vladj2428
    @vladj2428 3 года назад

    You gained to new sub brother. good work!

  • @luismario361
    @luismario361 4 года назад

    Thanks man! I hope you can keep doing this!

  • @samuelriggins5082
    @samuelriggins5082 3 года назад

    This was great! Very informative, thank you Jan!

  • @Raahul58
    @Raahul58 3 года назад

    The way you teach is great and easy to learn thanks...🙂

  • @emilygertenbach680
    @emilygertenbach680 4 года назад

    The animations are great and really help!

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

    This was fantastic!!! Easy to understand and helped me a lot!

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

      Awesome! 😁
      I also just released a new version 50 mins ago.
      If you want to solidify your new knowledge it's right here:
      ruclips.net/video/O-fCDaGeJ1g/видео.html

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

    Great explanation. very underrated channel.

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

      Hey Charles, thanks for being awesome! 😃
      If it helps a few, I sleep fine. Cool that you're here. :-)

  • @AmitSingh-cu9qt
    @AmitSingh-cu9qt 4 года назад +1

    This is valuable content. Appreciate it.

  • @worldwide2076
    @worldwide2076 4 года назад

    Very nice step by step tutorial, Can you also make video of how to quick view the products and make wishlist

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

    very helpful from a beginner perspective. Thanks.😇

  • @nilamrakholiya5650
    @nilamrakholiya5650 3 года назад

    You are superb. Thank you so much for making videos on Shopify liquid.😊

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

    Super helpful! Including the graphic! Thanks!

  • @GALA01670
    @GALA01670 3 года назад

    Your voice and presentation really good. Thanks

  • @salazarmarket
    @salazarmarket 4 года назад

    Hi Jan! Really fan of your videos, learning a lot with them! I have an interview of a project in 2 days about Liquid, HTML, CSS, JSON, and Jquery, could you give me an overview of why they are asking me for those things and, if it is in your possibilities, give me the URL of any of your videos which may have these content so I can keep learning a lot? Thank you in advance!

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

    This was great man! Thank you!

  • @neeleshtanwar
    @neeleshtanwar 4 года назад

    beautiful short and sweet video

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

    Good job! Very helpful and easy to understand for beginners!

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

    Thanks for the great explanation Jan

  • @GraemeLuey
    @GraemeLuey 4 года назад

    Nice. That was a good little primer, thank you!

  • @ASkepticalHumanOnYouTube
    @ASkepticalHumanOnYouTube 4 года назад

    Bro you are such a nice & friendly guy, it's infectious! A very good trait to have for public communications & education. Love your accent too. Wish you the best of luck with everything!

  • @forexdragon
    @forexdragon 3 года назад

    Fantastic video Jan. Thank you!

  • @sullivan816
    @sullivan816 3 года назад

    What a great video, now I understand everything better. Thank you!

  • @tushargoel5049
    @tushargoel5049 4 года назад

    great Jan, continue giving such good value