Shopify Liquid - Shopify's Templating Language explained
Вставка
- Опубліковано 30 вер 2024
- Understand how Liquid works and what it can do.
► Free Help
--------------------------------------------------------------------------
🎯 Get Personal Career Advice for Shopify Developers:
codingwithjan....
👨💻 Find a qualified Shopify Developer for your next project:
codingwithjan....
► Contact
--------------------------------------------------------------------------
🌐 Website
codingwithjan.com
🤝 LinkedIn
/ jan-frey
📚 Recommended Resources
Great Liquid starter guide
shopify.github...
The liquid cheat cheet:
www.shopify.co...
Liquid reference:
shopify.dev/ap...
--
🔎 SEO Description
Liquid is a server side template language created by Shopify, for building themes and page templates. It is the foundation of all Shopify themes, and it’s used to load dynamic content in the pages of online stores. Liquid objects in a file act as placeholders. When the code in your html/liquid files is compiled and sent to the users’ browser, all the variables get replaced by data from the Shopify store. This could include product templates, collections templates, article templates or other template files that work for multiple objects of the same kind. Hope you find this helpful to understand liquid programming and to get started. :-)
![SHOPIFY LIQUID: Theme Programming for Beginners [CRASH COURSE]](/img/n.gif)
🎯 get personal advice for your developer career. (free for a short time)
codingwithjan.com/career-advice
Hi Jan! I found your video very informative and inspiring who wanna start their career as a shopify developer. I am working as a shopify developer for 3 years. Your videos keep inspiring me.
I'm going into an interview with a client tomorrow, and I needed to know a bit about Shopify. Your video couldn't have come out at a more perfect time. Thanks mate!
Awesome, you got this 😄💪
☘️
Best of luck with your interview! 🙌🏻
@@CodingWithJan Thank you for the confidence booster 😄
Awesome! Thank you for breaking Liquid down for me Jan! I'm just now diving into the Shopify space and am extremely excited! I just subscribed and look forward to future content on your channel to help me throughout my Shopify dev journey! 😁🙌🏽
Good luck on your journey 🔥
@@CodingWithJan Thank you so much! I did want to ask while I have you. Do you have a video or portfolio that I can look at as an example on getting hired as a shopify developer? 😁
Despite being an Electrical Engineer, I've always dreaded practicing programming. Ngl your videos inspired me to start studying web development. And here I am going through basics from my undergrad course materials xD
Awesome, let’s do it !! 😄🙌
Keep us posted how it goes 😃
Hi Jan. Can you help please? Do you have any idea how to edit the text "OR" on the check out page under the dynamic shopping button section? I want it to say.. OR ENTER YOUR CREDIT CARD DETAILS BELOW.
Hey,
You can edit the translation here:
Online store > theme > actions > edit language
Then you can search for the checkout translations
IF you can't find it then you will need the Shopify plus, if you do you can go to the checkout.liquid file.
Hope this helps :-)
⭐ Shopify Developer Bootcamp: Start a 7-Day Free Trial
codingwithjan.com
👨💻 Find the Perfect Developer to Assist on Your Store or Project
codingwithjan.com/developers
🤝 Hire Experienced Shopify Developers for Your Agency or Dev Team
www.jobmint.io/for-companies
Thanks for the video
Welcome! 😃
Ayyee look who it is! Jan the Shopify Jedi! haha Hope you the mind nickname! As always brother awesome video!
The visuals and the way you break these concepts down allows ANYONE to understand this.
Whenever you come out with something, I'm all over the notification haha.
Keep up the awesome work!
~ Blessings
Hey Quentin,
Thanks for your awesome feedback 🎉🙌🏻
And yes, I'll totally take the Shopify Jedi 😂
@@CodingWithJan Of course Jan! Always man!
@@CodingWithJan 😂😂 Awesome! Bro, It's only honorable brother haha. Stay strong with the force!
Is there any way to contact you? I am developing a Shopify marketplace for my own business and I am literally stuck at something. I would like to here your opinion on it.
is there a way to incorporate this with jinja and something like FastAPI? I'm been looking for a method to make it easier to template hml, CSS and reactive from cpn libs like aplinejs, HTML, petite-vue etc but this seems easier and more straightforward. can it only be used for themes or can we use our own local dev stuff?
thank you!
Perfectly explained. Thank you !
Glad you enjoyed it! :-)
Is shopify providing the customer login rest api ?
rather focus on the graphQL API going forward 👍
@@CodingWithJan can you provide me the link how to login customer using email and password graphQL API
You have pretty impressive teaching skills - keep it up mate 👋
BRO I THINK YOU NEVER HEARD REACT
what 😂
Jan, Oh my goodness. Once again i am mind blown by your examples. It's like you know my brain. :) i work with beautiful Polish people and i am Irish, so I can find it hard to understand or discuss logic.. In 6 months i did not properly understand the link with html.. In used inspect, but, i was always lost. Now i am enlightened. Totally ,,A bit annoyed too, not at you, as you make it so easy , I simply wasted a lot of time. :)
Happy to see this helped you in your understanding Paul :-)
5:48 internet explorer :)
Got to love it 😁
Thanks my Guru. Always Wait for your New Video.
🙌🏻🔥
Are you going to cover more 2.0 coding? Want to start coding with the new paradigm.
All themes in the theme store are now 2.0 😄
so literally luqid is just EJS but shopify version
Hey Juan, haven't worked with EJS myself yet, but it seems to be similar! :-)
Thank you, Jan!
Please give me a internship under u it should be very very helpfull
Sorry, we currently have all positions filled 😁
Amazing teacher! Your killing it Jan !
🙌🏻🔥
Awesome explanation Jan!
Hey Will, thanks a ton! 😄
Excellent video. Thanks
Thanks George!
Mega gut erklärt! Danke dir!:)
Hello. Thank you for all your videos. I was wondering if you have a video about how adding a third party hosted font in theme.liquid? I’m a bit lost - I know how to add a hosted one but not a third party one. Thank you
I Emanuelle, self hosted is the safer option as you don’t have control over assets hosted on 3rd party servers. If they remove it one day your site breaks :-)
@@CodingWithJan thank you for your reply. Unfortunately, my client bought already the hosted version - life licence. It’s a very robust type foundery. One day when we have the funds we’ll get the sel hosted though.
@@CodingWithJan do you know how I could do it then given that I can’t buy the self hosted licence? I’m really stuck. Thank you in advance 😊
Nicely explained this scratches my brain in a good way thanks a lot for tutorial!
Well said 😂
Glad you liked it 🙌
Thanks Jan,simple and clear.
Broo you are just doing Rock 😘
Thanks so much Bia! Great feedback 😃
Fantastic 🔥
Thank you! 😃
THANK YOU! This was super helpful!