Getting started with Shopify Liquid

In the video you'll learn all the essential Shopify liquid you'll need before you start developing themes.
Liquid Reference - shopify.dev/do...
Liquid Filters - shopify.dev/do...
Liquid Objects - shopify.dev/do...
Getting started with Shopify theme development - • Getting started with S...

[@abhilash456a]

You are not sharing complete detail on how you connected to vscode to shopify website, how did you create index.liquid and how is it showing on the index page. How will a beginner find your tutorial useful ?

[@ragavir5565]

ua-cam.com/video/CJOtrqBDxLE/v-deo.html

[@SinoAstethics]

Hey, great tutorial im a beginner in liquid and it was really helpful. But I have one question to ask, How did you run your code in the browser? thanks for replying

[@triptithakur3285]

Can you please provide any refrence video or explain how you set up the environment so it displays the liquid code synchronously?

[@codingwithrobby]

Hey I’ll make a video in the future, but I’m just using Shopify theme kit to sync my local code and a store. I cover it briefly in my getting started with Shopify video

[@gustavodomingues7619]

Thanks, Robby!
I'm brazilian and I don't know any good portuguese tutorial of Liquid. So, I came here and liked SOO much!
You helped me a lot (x100).
Thanks!

[@diego_af]

Você só está criando uma loja ou está tentando desenvolver temas para vender?

[@roysaucedo]

My new favorite channel! It would be cool to hear about how you got into web development and progressed through your career 🚀

[@lilwage6910]

unless has an else but let's be honest, if you're gonna cover both cases, do if/else, never unless/else, "unless" by itself is great, much better than reading "if not X", but unless/else hurts my brain to parse

[@ragavir5565]

but it would be great if you provide a begginer friendly video like how you connected to vscode to shopify website, how did you create index.liquid and how is it showing on the index page.

[@vietdao6718]

Thanks Robby. By the way, can you tell me about your keyboard specs pls? The sound is very nice

[@Takatak-o9t]

Can you please share your keyboard buying link?

[@sidpd]

Your keyboard is so thocky and creamy 😅

[@SuMaiLFriendDoteX]

Really helpful. Thanks

[@rahulbaghel-i7g]

this template engine is much similar to LARAVEL BLADE template engine

[@kentakemypic]

I don't care about your age is definitely a case 👌🏽😂 great tutorial btw

[@joeybach]

Really good video! Would love to see a video on how you would tackle on-page SEO within Shopify

[@BakiGoxhaj]

Really good one. Essecial explained well, no fluff! Thank you

[@josephmyalla3611]

Thanks for the great shopify content, how would you advice someone aspiring to be a shopify themes/app developer to start? learn starting from theme kit to shopify-cli and shopify hydrogen?

[@pullmanization]

Good stuff. Thank you man. Been working for weeks on trying to render a metaobject's file which is an image. I'm trying to make a certain product type show the metaobject fields (extra product details list) and render the icon svg 'file' that is included as a field. And can't for the life of me figure it out. Going to try and test it now with a little bit more knowledge now! Thanks.

[@cerumai]

How did you set up the environment so it displays the liquid code synchronously?

[@codingwithrobby]

I’m just using Themekit by Shopify to keep my code in sync with a Shopify theme. The more popular tool is the Shopify CLI for themes. Both are great choices

[@afbelardi]

Awesome video! Really clearly explained and easy to follow. Thank you!

[@akshayasalaskar9102]

Thank you so much for this amazing video

[@LAHCEN-AGLAGAL2001]

Keyboard sound 🤤🤤🤤🤤

[@katerynapiskovets6747]

Wow , ypu are a good teacher! Thanks for content

[@Hasan.Shishir]

wow, that's great. we more another tutorial.

[@abhilash456a]

I am not able to see the output of index.liquid ! How did you do that ? Can anybody help!

[@codingwithrobby]

I’m using Shopify Theme Kit to sync my local changes to a Shopify store. Check out my getting started with Shopify video.

[@weissestangel4172]

Really helpfull video

[@Md.Bellal.Hossain90]

Nice stuff Robby! We want more Shopify tutorial from you! 😊

[@ajmalDeveloper]

Great sir, Enjoying your videos.

[@jujomoto]

Thanks, excellent video

[@ronaldpaek]

Hi I am new to liquid syntax, but is jekyll liquid and shopify liquid the same? and my other question is that I currently have a js file which has JS and liquid syntax along with front matter triple lines on the top of the file and my eslint is complaining, google has told me to the best approach is to split the files into one with liquid data and one with js logic, but I am having trouble bringing the liquid data back to the JS file

[@codingwithrobby]

Hey there, Jekyll and Shopify liquid are somewhat different, but there is a ton of overlap. So there’s no front matter in Shopify liquid. What data are you trying to access in js?

[@ronaldpaek]

​@@codingwithrobby so inside of current-projects.js file there is liquid inside a function called retrieveProjectDataFromCollection the liquid basically uses assign projects, visible_Projects variables and set it to some data that will eventually get filled in, then it has logic to loop through all projects and declared a variable normal JS called projectData and it's assigned the result of liquid % for project in visible_projects % then there is a bunch of conditional checks.. in liquid.

[@ronaldpaek]

this is where the there is a lot of linter errors and also the front matter is also throwing errors it's just data that I guess needs to get processed at build time cause status of projects etc changes

[@techsigmaconsultancy]

Very nice explained, and good to start

[@DominicJuhn]

great job Robby!

[@rajnikantChoudhary-e2n]