Learn SHOPIFY LIQUID in 10 minutes as a Beginner

Подписаться 51 тыс.

Просмотров 204 тыс.

50% 1

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

Опубликовано:

25 янв 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 349

@CodingWithJan 2 месяца назад

🎯 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 3 года назад

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

@adeisaac 4 года назад

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

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

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

@sdvogo1520 4 года назад

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

@felixchan2081 3 года назад

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

@theunlivingroom8261 3 года назад

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 Год назад

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 3 года назад

Of all the Shopify "tutorial" vids on RU-vid, 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 Год назад

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 Год назад

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

@murciatube 10 месяцев назад

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 3 года назад

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

@empoweredsurvivalist 2 года назад

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

@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 3 года назад

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

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

@Evelynsetubalg 3 года назад

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

@araitakayuki7833 4 года назад

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 3 года назад

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

@jahmyire66 4 года назад

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

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

Very nicely said 😄

@johnhayes4386 3 года назад

Just elbow dropped the sub button myself :D

@janejames8955 Год назад

Am hanging out for the Udemy course 😅

@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 3 года назад

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

@monicaw2140 3 года назад

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

@ScifiGuitarguy 3 года назад

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

@MuhammadAli-fn4xb Месяц назад

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

@gustavodominguez3999 3 года назад

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

@birdsonlybirds8291 4 года назад

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

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

Super welcome. Thanks for your feedback :-)

@iordannikolov1373 4 года назад

keep hustling mate!! just subscribed!

@itbaymax7241 3 года назад

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 3 года назад

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

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

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

you are welcome.

@Prox277 Год назад

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

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

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

@enuenan3271 2 года назад

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

@TheMajendrix Год назад

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

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

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

@Robert.ohhdez 4 года назад

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

@juanchox0929 3 года назад

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

@GlobalPartyPeople 2 года назад

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

@edwincaceresi.3284 3 года назад

Dude, Your Rock! Keep posting more content!

@rae0004 3 года назад

Great work! Really enjoyed the animations!!

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

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

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

Glad it was helpful for you Jaclyn 😁

@zachchamp93 Год назад

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

@basitali9315 3 года назад

Thank you so much for such a great explanation!!

@clearwavepro100 4 года назад

For sure, we really do like the animations! TY

@ramonzablah3817 Год назад

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

@BootlegBoomerangs 6 месяцев назад

You're the man Jan!!!!!

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

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

@lucianchevvy97 Год назад

Great clear overview - thank you!

@christianhaggerty1170 Год назад

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

@nilamrakholiya3636 3 года назад

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

@ebooks4sale 3 года назад

Thank You for such great understanding video.

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

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

The animations are great and really help!

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

Really well put together! Excited to start working in Liquid

@BobbyValenzuela 3 года назад

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

@AmitSingh-cu9qt 3 года назад

This is valuable content. Appreciate it.

@samuelriggins5082 2 года назад

This was great! Very informative, thank you Jan!

@oscarconde2516 2 года назад

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

@gotta-date-with-hate Год назад

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

@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

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

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

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

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

@GraemeLuey 3 года назад

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

@TheClrr 11 месяцев назад

Thank you Jan, lovely animations :D

@callingdreams7548 4 года назад

Than you Jan, love your smile mate!

@peytonmoss2772 Год назад

Super helpful! Including the graphic! Thanks!

@richi901000 3 года назад

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

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

This was great man! Thank you!

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

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

@hakimakbary65 Год назад

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

@ecoreplenishers 2 года назад

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

@alexanderimdahl8558 Год назад

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

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

You got the best videos. By far.

@luismario361 3 года назад

Thanks man! I hope you can keep doing this!

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

beautiful short and sweet video

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

The way you explain it. It looks easy😮

@mauriciosotoa8130 4 года назад

thanks man, great tutorial

@ajayrabari433 4 года назад

Subscribed to see more videos in shopify development

@ysatoun 3 года назад

Great overview, thanks for sharing your knowledge

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

Fantastic video Jan. Thank you!

@iiimiiim 4 года назад

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

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

@mariegarcia4011 3 года назад

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

@rakibulhashanrabbi 3 года назад

Really enjoyable! thanks, man!!

@crashmedia2226 4 года назад

I really love your content. Stay awesome

@ronygrafo Год назад

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

@mayankvora8116 Год назад

Thanks for the great explanation Jan

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

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

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

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

@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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-O-fCDaGeJ1g.html

@SGDCTVDUBAI 3 года назад

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

@ritamehra6558 2 года назад

It was helpful Jan. thank you

@sakshamsharma3360 6 месяцев назад

very helpful from a beginner perspective. Thanks.😇

@nengemann8984 4 года назад

Wow, it's very great and very perfectly

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

how could you not love this guy

@sadbiscuits 2 года назад

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

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

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

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

Very helpful, thanks a ton! :)

@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 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 3 года назад

Great video Jan

@Ironflextv_ Год назад

Thanks, simply explained

@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