Learn SHOPIFY LIQUID in 10 minutes as a Beginner

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
    @CodingWithJan2 ай бұрын

    🎯 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
    @MrAhvids3 жыл бұрын

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

  • @adeisaac
    @adeisaac4 жыл бұрын

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

  • @CodingWithJan

    @CodingWithJan

    4 жыл бұрын

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

  • @sdvogo1520
    @sdvogo15204 жыл бұрын

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

  • @felixchan2081
    @felixchan20813 жыл бұрын

    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 KZread videos to catch up on. Once again, Thank you Jan.

  • @theunlivingroom8261
    @theunlivingroom82613 жыл бұрын

    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 🙇🏻‍♀️

  • @BillyOfTea
    @BillyOfTea Жыл бұрын

    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.

  • @high-defRJ
    @high-defRJ3 жыл бұрын

    Of all the Shopify "tutorial" vids on KZread, 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 Жыл бұрын

    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 Жыл бұрын

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

  • @murciatube
    @murciatube10 ай бұрын

    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
    @arshiasaleem50053 жыл бұрын

    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!

  • @jacquifrank6321
    @jacquifrank6321Ай бұрын

    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

  • @michaelcoyle852
    @michaelcoyle8523 жыл бұрын

    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.

  • @timothymaggenti717
    @timothymaggenti7174 жыл бұрын

    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.

  • @Scorpionwins23
    @Scorpionwins233 жыл бұрын

    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.

  • @Evelynsetubalg
    @Evelynsetubalg3 жыл бұрын

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

  • @araitakayuki7833
    @araitakayuki78334 жыл бұрын

    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!

  • @miklahbeautyproducts81
    @miklahbeautyproducts813 жыл бұрын

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

  • @jahmyire66
    @jahmyire664 жыл бұрын

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

  • @CodingWithJan

    @CodingWithJan

    4 жыл бұрын

    Very nicely said 😄

  • @johnhayes4386

    @johnhayes4386

    3 жыл бұрын

    Just elbow dropped the sub button myself :D

  • @janejames8955

    @janejames8955

    Жыл бұрын

    Am hanging out for the Udemy course 😅

  • @flexrumblecrunch9140

    @flexrumblecrunch9140

    Жыл бұрын

    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!

  • @emmab7658
    @emmab76583 жыл бұрын

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

  • @monicaw2140
    @monicaw21403 жыл бұрын

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

  • @ScifiGuitarguy
    @ScifiGuitarguy3 жыл бұрын

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

  • @MuhammadAli-fn4xb
    @MuhammadAli-fn4xbАй бұрын

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

  • @gustavodominguez3999
    @gustavodominguez39993 жыл бұрын

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

  • @birdsonlybirds8291
    @birdsonlybirds82914 жыл бұрын

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

  • @iordannikolov1373
    @iordannikolov13734 жыл бұрын

    keep hustling mate!! just subscribed!

  • @itbaymax7241
    @itbaymax72413 жыл бұрын

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

  • @raquelmontemayor5390
    @raquelmontemayor53903 жыл бұрын

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

  • @tmaifat
    @tmaifat3 жыл бұрын

    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!

  • @CodingWithJan

    @CodingWithJan

    3 жыл бұрын

    you are welcome.

  • @Prox277
    @Prox277 Жыл бұрын

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

  • @langchen1300
    @langchen13002 жыл бұрын

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

  • @enuenan3271
    @enuenan32712 жыл бұрын

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

  • @TheMajendrix
    @TheMajendrix Жыл бұрын

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

  • @modernizemysite
    @modernizemysite4 жыл бұрын

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

  • @Robert.ohhdez
    @Robert.ohhdez4 жыл бұрын

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

  • @juanchox0929
    @juanchox09293 жыл бұрын

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

  • @GlobalPartyPeople
    @GlobalPartyPeople2 жыл бұрын

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

  • @edwincaceresi.3284
    @edwincaceresi.32843 жыл бұрын

    Dude, Your Rock! Keep posting more content!

  • @rae0004
    @rae00043 жыл бұрын

    Great work! Really enjoyed the animations!!

  • @jaclyncox3051
    @jaclyncox30512 жыл бұрын

    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 😁

  • @zachchamp93
    @zachchamp93 Жыл бұрын

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

  • @basitali9315
    @basitali93153 жыл бұрын

    Thank you so much for such a great explanation!!

  • @clearwavepro100
    @clearwavepro1004 жыл бұрын

    For sure, we really do like the animations! TY

  • @ramonzablah3817
    @ramonzablah3817 Жыл бұрын

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

  • @BootlegBoomerangs
    @BootlegBoomerangs6 ай бұрын

    You're the man Jan!!!!!

  • @kalleblom5564
    @kalleblom55642 жыл бұрын

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

  • @lucianchevvy97
    @lucianchevvy97 Жыл бұрын

    Great clear overview - thank you!

  • @christianhaggerty1170
    @christianhaggerty1170 Жыл бұрын

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

  • @nilamrakholiya3636
    @nilamrakholiya36363 жыл бұрын

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

  • @ebooks4sale
    @ebooks4sale3 жыл бұрын

    Thank You for such great understanding video.

  • @urossestovic6259
    @urossestovic62594 жыл бұрын

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

  • @emilygertenbach680
    @emilygertenbach6804 жыл бұрын

    The animations are great and really help!

  • @ColeCaccamise
    @ColeCaccamise3 жыл бұрын

    Really well put together! Excited to start working in Liquid

  • @BobbyValenzuela
    @BobbyValenzuela3 жыл бұрын

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

  • @AmitSingh-cu9qt
    @AmitSingh-cu9qt3 жыл бұрын

    This is valuable content. Appreciate it.

  • @samuelriggins5082
    @samuelriggins50822 жыл бұрын

    This was great! Very informative, thank you Jan!

  • @oscarconde2516
    @oscarconde25162 жыл бұрын

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

  • @gotta-date-with-hate
    @gotta-date-with-hate Жыл бұрын

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

  • @Hasan-bc6rr
    @Hasan-bc6rr3 жыл бұрын

    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

  • @maxgorges7625
    @maxgorges76254 жыл бұрын

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

  • @GraemeLuey
    @GraemeLuey3 жыл бұрын

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

  • @TheClrr
    @TheClrr11 ай бұрын

    Thank you Jan, lovely animations :D

  • @callingdreams7548
    @callingdreams75484 жыл бұрын

    Than you Jan, love your smile mate!

  • @peytonmoss2772
    @peytonmoss2772 Жыл бұрын

    Super helpful! Including the graphic! Thanks!

  • @richi901000
    @richi9010003 жыл бұрын

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

  • @pickasite9875
    @pickasite98752 жыл бұрын

    This was great man! Thank you!

  • @Raahul58
    @Raahul583 жыл бұрын

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

  • @hakimakbary65
    @hakimakbary65 Жыл бұрын

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

  • @ecoreplenishers
    @ecoreplenishers2 жыл бұрын

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

  • @alexanderimdahl8558
    @alexanderimdahl8558 Жыл бұрын

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

  • @broom6958
    @broom69582 жыл бұрын

    You got the best videos. By far.

  • @luismario361
    @luismario3613 жыл бұрын

    Thanks man! I hope you can keep doing this!

  • @neeleshtanwar
    @neeleshtanwar4 жыл бұрын

    beautiful short and sweet video

  • @christofferpawirodinomo7639
    @christofferpawirodinomo76398 ай бұрын

    The way you explain it. It looks easy😮

  • @mauriciosotoa8130
    @mauriciosotoa81304 жыл бұрын

    thanks man, great tutorial

  • @ajayrabari433
    @ajayrabari4334 жыл бұрын

    Subscribed to see more videos in shopify development

  • @ysatoun
    @ysatoun3 жыл бұрын

    Great overview, thanks for sharing your knowledge

  • @forexdragon
    @forexdragon3 жыл бұрын

    Fantastic video Jan. Thank you!

  • @iiimiiim
    @iiimiiim4 жыл бұрын

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

  • @assad.rajab-2
    @assad.rajab-22 жыл бұрын

    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.

  • @rakibulhashanrabbi
    @rakibulhashanrabbi3 жыл бұрын

    Really enjoyable! thanks, man!!

  • @mariegarcia4011
    @mariegarcia40113 жыл бұрын

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

  • @crashmedia2226
    @crashmedia22264 жыл бұрын

    I really love your content. Stay awesome

  • @ronygrafo
    @ronygrafo Жыл бұрын

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

  • @mayankvora8116
    @mayankvora8116 Жыл бұрын

    Thanks for the great explanation Jan

  • @mihai_chindris
    @mihai_chindris2 жыл бұрын

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

  • @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: kzread.info/dash/bejne/gWGapaaad8iwYco.html

  • @SGDCTVDUBAI
    @SGDCTVDUBAI3 жыл бұрын

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

  • @ritamehra6558
    @ritamehra65582 жыл бұрын

    It was helpful Jan. thank you

  • @sakshamsharma3360
    @sakshamsharma33606 ай бұрын

    very helpful from a beginner perspective. Thanks.😇

  • @nengemann8984
    @nengemann89844 жыл бұрын

    Wow, it's very great and very perfectly

  • @ivanwestra6014
    @ivanwestra60143 жыл бұрын

    how could you not love this guy

  • @sadbiscuits
    @sadbiscuits2 жыл бұрын

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

  • @CodingWithJan

    @CodingWithJan

    2 жыл бұрын

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

  • @kampadre
    @kampadre8 ай бұрын

    Very helpful, thanks a ton! :)

  • @JOYBENITEZ
    @JOYBENITEZ4 жыл бұрын

    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 жыл бұрын

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

  • @montybulldog8264
    @montybulldog82643 жыл бұрын

    Great video Jan

  • @Ironflextv_
    @Ironflextv_ Жыл бұрын

    Thanks, simply explained

  • @lindzenlabs9363
    @lindzenlabs93634 жыл бұрын

    Thanks Jan! Great video!

  • @CodingWithJan

    @CodingWithJan

    3 жыл бұрын

    Thank you Max :-)

  • @asharabarshad1759
    @asharabarshad17594 жыл бұрын

    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