SHOPIFY LIQUID: Theme Programming for Beginners [CRASH COURSE]
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- To go deeper into Shopify Liquid, check out my full course:
www.shopifythemedeveloper.com...
Do you run a business on Shopify and want help with your store? Get in contact
form.typeform.com/to/Zg0k4BEP
Shopify Liquid is the templating language of Shopify themes.
You can think of Shopify liquid as the backend programming language of Shopify themes. Using liquid we can access data from within our store and present it to the user.
We can also create options for the admins of the store to update the theme without having to touch the code of the theme - this is a very cool feature of Shopify themes!
Chapters
06:35 Liquid Tags and Filters
16:44 Liquid Objects (Store Data)
27:24 Using JSON Schemas (Theme Data)
40:36 Scope and Limitations
Links Mentioned
----------------------------
My series on Shopify Theme Development
• Shopify Theme Developm...
Other Links
------------------------
Wanna go deeper into Shopify Theme Development? Join my mastermind community.
shopifythemedeveloper.com/
My Skillshare.com channel:
www.skillshare.com/r/profile/...
My travel channel:
/ christhefreelancer
My website:
christhefreelancer.com
My socials:
Instagram: / christhefreelancer
Facebook: / christhefreelancer
Twitter: / chrisrdodd
Well done chris! Great idea to show the basics on a blank template. Love the side by side views of your code and the output
If anyone's stuck at the collections part (16:59) - here's how to add the featured collection:
1 - Go to your admin page and click "Products"
2 - Click "Add Product" and give it a title
3 - On the right side, set the Product status to "Active"
4 - On the right side, scroll down to where it says TAGS, add a tag such as "vintage" and then click "Save"
5 - On the left, under Products, click "Collections" > "Create collection"
6 - Set the title to "Featured Collection"
7 - Scroll down to CONDITIONS and set Product tag is equal to "vintage"
8 - Below that, click "Edit website SEO" and make sure the handle is set to "featured-collection"
9 - Click "Save" and make sure your products were automatically added to the collection
Thanks Ariba.
@@CodewithChristheFreelancer No problem! And thank you for the amazing tutorial!
Thank you
Thank you a lot!
Omg I was stuck there. I didn't know I had to create products first for the items to show up. Thank you for the helpful steps!
I've been looking at shopify development videos and even took an online course - the presentation of the video was so clear, point development was excellent and I learned so much.
Wow what a professional and informative video. It was precise and covered most of the shopify templating language. It's always a pleasure to stumble upon such gems on youtube as they are so rare. You are a wonderful teacher with impeccable teaching style. May gods love be with you.
Great breakdown. Really appreciate how you leave a couple of errors in there to show folks how to correct. Videos feel less authentic when it's all "perfect" code, so I think this was really well done.
I cannot tell you how much I appreciate your video! Coming from somebody who doesn’t have any experience with building websites, this was very, very helpful! You saved me from hours and hours of frustration. Thank you so much!
Thank you so much! The starting from scratch approach clarifies everything so well!
Dude thank you SO much for this video. I trawled so many that just BURY you in terminology and code without breaking it down, this was the first one that was at all digestable. 10/10
Chris, thank you. Clear and concise. Just what I needed.
Great video! 48 minutes of watching and I add a new skill to my resume :)
OMG, this tutorial is so good, thank you so much, you're a lifesaver!
Thanks! I tried to make it pretty comprehensive ;)
this was such a big help! My first ever closer look at the liquid and thanks to you I finally feel comfortable with this language.
Hi there, our agency is looking to hire a Shopify developer. Please fill in this form if you are interested: forms.gle/JbnAH3S99DnZFF4Q9
Excellent video to understand Liquid and shopify as a whole. Thank you chris for putting up this video tutorial
Excellent course! this makes all other courses and tutorials look like trash. The explanations are fantastic and small things like zooming in on the code and output really make this tutorial great.
You just got a new subscriber :)
Nice tutorial. I had never even heard of liquid this morning. This will help me make more sense of my existing theme.
Perfect! Glad to hear.
Awesome tutorial, thanks so much for taking the time to create this!
Thank you so much! We need more videos like this ❤️
Wow i really appreciate all of the hard work that you have done creating this liquid guide! Alot of people dont realize how much time this takes and dedication to helping others with no benefit anticipated. Bravo 👏🏽 youve gained a sub 😊
Great video Chris, thanks for putting this out!
This is gold, thank you Chris!
I need to learn this for my job. This is really good. Thank you for your time and effort. I appreciate it.
Really Great job doing this presentation. I will absolutely refer you to my colleagues. Thanks again!
Thanks Chris, this was a super clear and helpful tutorial!
The tutorial is so clear! Thank you for sharing!
Thank you so much Chris for this tutorial. I love it :)
Thank you for the concise course, it is very helpful to get a picture of the templating language, have a good day sir!
This was very helpful.
thank you, Chris!
Thank you so much Chris!!! You're a life saver!
Dude this video just got me a job ❤️absolutely perfect tutorial, great quality and your voice sound just beautiful. God bless you 🙏
No way dude! That’s awesome 👏 glad to help:)
A job just got me to this video 😂
@@omoefedukuye5656 same lol
@@CodewithChristheFreelancer well see if im the next one im working out liquid at the moment
@@omoefedukuye5656 same
Very nicely done. You are a skilled instructor. thank you. I'm off to your next Shopify video.
Thanks so much for these. Great quality and well structured.
Thank you for the comment!
I started watching this last night and today I am following along. I'm at around 23:12 and had to make a comment. Very informative! Thanks!
Thank you Tony!
Hey Chris,it's nice to see some coding videos! I watched your main channel for a long time and i wanted to be digital nomad and you motivated me to start coding and i got a remote work before the situation with the virus but they had to shut down at least for now. I'm front end developer and i was curious these days to learn about Liquid and now i see your video,thanks!!
Hi there, our agency is looking to hire a Shopify developer. Please fill in this form if you are interested: forms.gle/JbnAH3S99DnZFF4Q9
Thank you Chris. Not alot of tutorials on Liquid so this is really helpful.
Registered a skillshare account just to have access to your full featured courses, so looking forward to going through them.
Thanks David!
Incredible! Hiring Shopify Devs in Canada so this was invaluable.
This is very helpful really appreciate the hard work...would love to see some more thorough tutorial on using the shopify liquid code 😍
Yay, really really nice. As a Vuejs developer i've got a grasp of everything (i complain a little that we don't have an "unless" for consistency xD). And you explained everything crystal clear. Thank you!
Thanks for the video sir. It was a great tutorial !
Very nice coverage of the basics. I'm an Angular dev with background in WordPress so a lot of the templating patterns feel familiar.
This course has really given me a much needed foundation to start a side project that I have been planning. Thanks!
Awesome! Thanks Drew
😄😄😄😄😄😄😄😄😄😄😄😄
i very liked that:
1) Liquid shopy language is essentiell less then you think. Basically the main work flows are covered within this video
2) the core concepts are well explained
3) he explains the limitations. For example this isnt a programming language and thus has restrictions.
Good video! Keep up
This is very EASY TO FOLLOW. Thank you.
This is genuinely one of the best tutorials I've watched as a introduction to a programming language, and I'm a dev 😂
Liquid is not a programming language ...
Pretty clear tutorial, thank you so much!
Fantastic video and still relevant. There aren't many (any that I found) videos like this that explain developing in Shopify from the ground up. Great intro to help me get started, thanks again!
You're a lifesaver 😭💖
can we work together while learning
This is epically good. Thanks man!
Great Video. Thanks for the simple introduction
Very nice stuff for beginner. Appreciated
Brilliant video! Not many videos on coding for Shopify. Thank you so much!
Thanks Efe! That's exactly why I wanted to make them :)
Hi there, our agency is looking to hire a Shopify developer. Please fill in this form if you are interested: forms.gle/JbnAH3S99DnZFF4Q9
Thanks man! Appreciate this, good work.
Thanks Eric! I’m glad TH-cam has actually started to index this video :)
Extremely Helpful!!!! Thanks man
Thank you so much for making a video. I like it
Thanks alot bro this is the best tutorial so far on youtube.
Hi there, our agency is looking to hire a Shopify developer. Please fill in this form if you are interested: forms.gle/JbnAH3S99DnZFF4Q9
Very comprehensive explanation. Thank you sir 🤝
So it's basically like Blade templating engine. Very useful tutorial, thanks!
Hi Chris, thanks a lot for this video! I will check out your Skillshare Course soon! :)
Thanks Henry.
Wow what a great introduction to shopify liquid
thank you for this great tutorial
Very well presented, thank you.
Thank you for the awesome video.
Superb stuff totally simplified. Encourages you to try some customization to master it.
First off, great video on this Intro Chris! Clear and precise presentation. Seems like Shopify theme development is simpler than WordPress development.
Thank you so much! 🙏🏻
Great Vid! Thank you so so much!!
That was great thanks!
Really solid tutorial. Well done.
Thank you 🙏
Thank you Chris!
Great tutorial!
Nice tutorial Chris :)
you are a good teacher
Great intro!
You teach very well, I very liked it your toturial, it was amazing, thank!
Thanks!
Hi there, our agency is looking to hire a Shopify developer. Please fill in this form if you are interested: forms.gle/JbnAH3S99DnZFF4Q9
Thanks for great video Chris
Hi there, our agency is looking to hire a Shopify developer. Please fill in this form if you are interested: forms.gle/JbnAH3S99DnZFF4Q9
you a really great person, first Shopify video's channel fantastic with your presentation and I want to join your team for learning purposes.
Really good video!
Excellent!
Thank you Chris. Getting a job as an entry level developer is tough and your other video you mentioned "expert in one particular aspect in coding or development" that's why this video is golden for me. I hope to see more tutorials from you on a beginner level. Looking to be a digital Nomad like you but with kids.Lol. . .
Good luck bud! I got 4 kids and divorced but ex and I live together 😅 She's planning her own digital business so im building her store to learn. Eventually we wanted to be nomads as well with a motor home, let the kids explore the country stretches at a time.
@@Loki_Dokie Nice. Good to know that you're in the path to digital nomads. Form I just want to work from home.
@@nable0306 yeah that definitely is something I'm looking forward to also, I'll have a home to return to and all I just want to be able to go out and visit another city or state and hang out for however long :)
thanks this is very helpful
Thanks mate for a great tutorial. I just got lost on changing screens from preview and live screens! Otherwise it was great and I did enjoyed it.
Thanks so much....well explained
This is really good tutorial. Thank you
Thanks for watching!
Hi there, our agency is looking to hire a Shopify developer. Please fill in this form if you are interested: forms.gle/JbnAH3S99DnZFF4Q9
Thank you so much.
Great tutorial thank you sir
Nice lesson! Thanks!!!!!
wow this is a great view. Thanx!
Hi there, our agency is looking to hire a Shopify developer. Please fill in this form if you are interested: forms.gle/JbnAH3S99DnZFF4Q9
You are awesome!!
Dude, you are just awesome. i just joined skillshare bcos of this info
Thanks Martir!
Awesome tutorial
smart human, thank you
Thank you !!
I'm just getting into Web Dev and have started the process of becoming location independent. Always loved your videos and when you said that you're doing a coding channel, it was an instant subscribe. My question is why Shopify Liquid in the first place? Do you then go on a sell your themes, or is this useful for e-commerce freelancing? I'm spending most of my time doing Front End learning (HTML,CSS,JS,PHP). But thats mostly within Wordpress and Woocommerce - do you have any experience using Wordpress/Woocommerce and do you think you'll do a video series on them? Thanks Chris, please keep up the good work!
my first search to how to become a shopify developer ... BAAAM i fall here ... nice vedeo i hope i will enjoy the rest. thanks
All my greatings from Moscow
Hi there, our agency is looking to hire a Shopify developer. Please fill in this form if you are interested: forms.gle/JbnAH3S99DnZFF4Q9
That's very helpful.
This Tutorial is amazing...
Hi there, our agency is looking to hire a Shopify developer. Please fill in this form if you are interested: forms.gle/JbnAH3S99DnZFF4Q9
Thanyu very much is so easy for freshman
Useful Content..
Dude, amazing video! 5k likes to you! hahaha
19:20 it's called a "Drop" because it's a drop of liquid 💧 🤓
Awesome ❣️❣️
Thank you, very much