Learn SHOPIFY LIQUID in 10 minutes as a Beginner

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ม.ค. 2020
  • All you need to know about Shopify's Theme Templating language Liquid.
    First I will introduce you to what liquid actually is and where it is used.
    ► Free Help
    --------------------------------------------------------------------------
    🎯 Get Personal Career Advice for Shopify Developers:
    codingwithjan.com/personal-ca...
    👨‍💻 Find a qualified Shopify Developer for your next project:
    codingwithjan.com/hire-a-deve...
    ► Contact
    --------------------------------------------------------------------------
    🌐 Website
    codingwithjan.com
    🤝 LinkedIn
    / jan-frey
    ► SEO Description
    --------------------------------------------------------------------------
    Shopify's Liquid is a unique and powerful templating language developed by Shopify, serving as the backbone of their themes. Designed with an emphasis on user experience, Liquid allows users to customize their online store layouts without deep technical knowledge. Written in Ruby and available as an open-source project, it underscores Shopify's dedication to community-led development. Liquid's main role is to present dynamic content on online shops, giving users the freedom to decide how product details are displayed. It enables store owners to craft a user experience that aligns with their brand and audience. Essentially, Liquid offers a path to quality, tailor-made web design, allowing even beginners to build visually captivating and effective online stores on Shopify
    codingwithjan.com

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

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

    🎯 Get Personal Career Advice for Shopify Developers:
    codingwithjan.com/personal-career-advice
    👨‍💻 Find a qualified Shopify Developer for your next project:
    codingwithjan.com/hire-a-developer

  • @MrAhvids
    @MrAhvids 3 ปีที่แล้ว +10

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

  • @adeisaac
    @adeisaac 4 ปีที่แล้ว +56

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

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

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

  • @felixchan2081
    @felixchan2081 3 ปีที่แล้ว +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 TH-cam videos to catch up on. Once again, Thank you Jan.

  • @BillyOfTea
    @BillyOfTea ปีที่แล้ว +8

    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.

  • @sdvogo1520
    @sdvogo1520 4 ปีที่แล้ว +9

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

  • @theunlivingroom8261
    @theunlivingroom8261 3 ปีที่แล้ว +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 🙇🏻‍♀️

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

    Of all the Shopify "tutorial" vids on TH-cam, 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!

  • @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!

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

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

  • @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!

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

    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

  • @timothymaggenti717
    @timothymaggenti717 4 ปีที่แล้ว +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.

  • @michaelcoyle852
    @michaelcoyle852 3 ปีที่แล้ว +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.

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

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

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

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

  • @Evelynsetubalg
    @Evelynsetubalg 3 ปีที่แล้ว +3

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

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

    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!🙏🏽

  • @arshiasaleem5005
    @arshiasaleem5005 3 ปีที่แล้ว +5

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

    • @empoweredsurvivalist
      @empoweredsurvivalist 2 ปีที่แล้ว

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

  • @emmab7658
    @emmab7658 3 ปีที่แล้ว +4

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

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

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

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

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

  • @langchen1300
    @langchen1300 2 ปีที่แล้ว

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

  • @MuhammadAli-fn4xb
    @MuhammadAli-fn4xb 2 หลายเดือนก่อน +1

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

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

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

  • @jahmyire66
    @jahmyire66 4 ปีที่แล้ว +40

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

    • @CodingWithJan
      @CodingWithJan  4 ปีที่แล้ว +5

      Very nicely said 😄

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

      Just elbow dropped the sub button myself :D

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

      Am hanging out for the Udemy course 😅

    • @flexrumblecrunch9140
      @flexrumblecrunch9140 ปีที่แล้ว +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!

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

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

  • @Scorpionwins23
    @Scorpionwins23 3 ปีที่แล้ว

    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.

  • @GlobalPartyPeople
    @GlobalPartyPeople 2 ปีที่แล้ว

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

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

    keep hustling mate!! just subscribed!

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

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

  • @modernizemysite
    @modernizemysite 4 ปีที่แล้ว

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

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

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

  • @juanchox0929
    @juanchox0929 3 ปีที่แล้ว

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

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

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

  • @Robert.ohhdez
    @Robert.ohhdez 4 ปีที่แล้ว +1

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

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

    For sure, we really do like the animations! TY

  • @enuenan3271
    @enuenan3271 2 ปีที่แล้ว

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

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

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

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

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

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

    Great work! Really enjoyed the animations!!

  • @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 :-)

  • @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!!!👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏

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

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

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

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

  • @oscarconde2516
    @oscarconde2516 2 ปีที่แล้ว

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

  • @samuelriggins5082
    @samuelriggins5082 2 ปีที่แล้ว

    This was great! Very informative, thank you Jan!

  • @edwincaceresi.3284
    @edwincaceresi.3284 3 ปีที่แล้ว +1

    Dude, Your Rock! Keep posting more content!

  • @basitali9315
    @basitali9315 3 ปีที่แล้ว

    Thank you so much for such a great explanation!!

  • @kalleblom5564
    @kalleblom5564 2 ปีที่แล้ว

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

  • @nilamrakholiya3636
    @nilamrakholiya3636 3 ปีที่แล้ว

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

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

    Thank You for such great understanding video.

  • @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!

  • @gotta-date-with-hate
    @gotta-date-with-hate ปีที่แล้ว

    you have the best videos....easy to follow and well explained..

  • @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 😉😁

  • @GraemeLuey
    @GraemeLuey 3 ปีที่แล้ว

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

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

    Than you Jan, love your smile mate!

  • @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 😁

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

    Thank you Jan, lovely animations :D

  • @alexanderimdahl8558
    @alexanderimdahl8558 2 ปีที่แล้ว

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

  • @AmitSingh-cu9qt
    @AmitSingh-cu9qt 4 ปีที่แล้ว +1

    This is valuable content. Appreciate it.

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

    Great clear overview - thank you!

  • @emilygertenbach680
    @emilygertenbach680 4 ปีที่แล้ว

    The animations are great and really help!

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

    Super helpful! Including the graphic! Thanks!

  • @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.

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

    Subscribed to see more videos in shopify development

  • @forexdragon
    @forexdragon 3 ปีที่แล้ว

    Fantastic video Jan. Thank you!

  • @mariegarcia4011
    @mariegarcia4011 3 ปีที่แล้ว

    Thank you for this video Jan . It's very useful 🙏🤩

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

    Thank you for this video!, it helps me a lot!

  • @pickasite9875
    @pickasite9875 2 ปีที่แล้ว

    This was great man! Thank you!

  • @ColeCaccamise
    @ColeCaccamise 3 ปีที่แล้ว

    Really well put together! Excited to start working in Liquid

  • @Raahul58
    @Raahul58 3 ปีที่แล้ว

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

  • @luismario361
    @luismario361 3 ปีที่แล้ว

    Thanks man! I hope you can keep doing this!

  • @mihai_chindris
    @mihai_chindris 2 ปีที่แล้ว

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

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

    Thanks for the great explanation Jan

  • @ysatoun
    @ysatoun 3 ปีที่แล้ว

    Great overview, thanks for sharing your knowledge

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

    The way you explain it. It looks easy😮

  • @Hasan-bc6rr
    @Hasan-bc6rr 3 ปีที่แล้ว

    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

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

    I really love your content. Stay awesome

  • @nilamrakholiya5650
    @nilamrakholiya5650 3 ปีที่แล้ว

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

  • @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.

  • @SGDCTVDUBAI
    @SGDCTVDUBAI 3 ปีที่แล้ว

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

  • @ritamehra6558
    @ritamehra6558 3 ปีที่แล้ว

    It was helpful Jan. thank you

  • @iiimiiim
    @iiimiiim 4 ปีที่แล้ว

    This is so helpful! Thank you! :):)

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

    You're the man Jan!!!!!

  • @kablamopow
    @kablamopow 3 ปีที่แล้ว

    good clean content. Thank you very much

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

    Very helpful, thanks a ton! :)

  • @sadbiscuits
    @sadbiscuits 2 ปีที่แล้ว

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

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

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

  • @neeleshtanwar
    @neeleshtanwar 4 ปีที่แล้ว

    beautiful short and sweet video

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

    Wow, it's very great and very perfectly

  • @vladj2428
    @vladj2428 3 ปีที่แล้ว

    You gained to new sub brother. good work!

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

    very helpful from a beginner perspective. Thanks.😇

  • @samirsamir7779
    @samirsamir7779 3 ปีที่แล้ว

    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 ..? )

  • @GALA01670
    @GALA01670 2 ปีที่แล้ว

    Your voice and presentation really good. Thanks

  • @montybulldog8264
    @montybulldog8264 3 ปีที่แล้ว

    Great video Jan

  • @mauriciosotoa8130
    @mauriciosotoa8130 4 ปีที่แล้ว

    thanks man, great tutorial

  • @tushargoel5049
    @tushargoel5049 3 ปีที่แล้ว

    great Jan, continue giving such good value

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

    Hello Jan keep growing you’re really good

  • @yudeval1647
    @yudeval1647 3 ปีที่แล้ว

    It was a great explanation, thanks a lot)