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
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!
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 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 😊
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
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.
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.
@@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 :)
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.
😄😄😄😄😄😄😄😄😄😄😄😄 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
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!
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.
Hey Chris. First off, glad to have found this video. Very clear, instructive and pleasurable to follow. Kudos! So I'm gonna start a new job as Head of E-Commerce at a Shopify-based shop in September, and I wanted to gain a solid technical understanding before. Was wondering whether 1-2 weeks is enough to complete your two courses on Skillshare ("Shopify Theme Development" and "Shopify Theme Programming: Liquid, JSON and Javascript"). On holiday, so would have plenty of time.
Yeah. I think so. It really depends on how fast you learn. The best way to ensure mastery of the subject though is by actually coding. So the classes will provide the theoretical knowledge in under 8 hours but then it's up to you to put it into practice. That's how you will become proficient and internalise what you have learned.
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 :)
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!
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!!
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!
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
Hey Chris, is there any possibility to launch your course on Udemy. A lots of people may don't want to commit to Skillshare monthly plan like myself. Thanks
First off, great video on this Intro Chris! Clear and precise presentation. Seems like Shopify theme development is simpler than WordPress development.
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!
Ah youtube bugs, no idea how to deal with that... interesting thing was that I found the video through Google - and it had stamps there (but I think those are auto generated)
Hi Chris. On this video18:00 mark, you mentioned that the featured-collection is already imported in the themed kit but on your GH/SkillShare file, it's not yet included. It's on a separate folder. I've tried to import it on the Test Shop I created but it seems not being read by the index function. Can you show us how you imported the product.csv file accessible to the template? Thanks heaps!
Hi Karlene. ‘featured-collection’ is the handle of a collection I already have set up in the Shopify Admin. Unfortunately, I don’t think that you can import collections from a CSV so you’ll have to create a collection yourself in the Admin. Take note of the collection handle and then use that to select the collection inside the theme code.
@@CodewithChristheFreelancer got it. Thanks for clarifying Chris! So now i would need to figure out how to set-up the handle of collection in the shopify admin. (Y)
Hey Akhill. I talk about this in my video on debugging in Shopify theme development. Unfortunately if you just output the object, you’ll just get the object name followed by ‘Drop’
Hey there, Glad to discover your channel. I am a newbie at shopify development with a simple enquiry. Is there any community or forum through which i can network with like-mind programmers and where i can ask technical questions related to my coding in shopify. Thanks for any recommendations.
Hi Chris, thank you for this tutorial. Very easy to follow but I had to stop when it came to the "collections" part. I created collections but I just don't know where to find its "handle" so I can access it from the code.
One of the best way to explain basics and fundamentals , great example, and great way to explain . For people who are from scripting background ( legacy classical asp ) + combination of HTML, JavaScript, this is great stuff to open doors of Liquid - thanks u !!
Hey Chris, I am rather new to developing I think, I am currently almost done a Javascript master course. I am interested in starting shopify development as it could be great for freelancing, however I don't know JSON plus I'm not particularly proficient in Javascript. Are your two courses just for making themes that can be sold on the marketplace? Or with these two courses am I also able to learn, say, if I had a client who wanted me to make their entire store for them?
Hi David. Thanks for the question. I have thought about producing a course that shows you how to develop a theme from scratch but as of now, all my classes and content (except for 'Shopify Theme Programming', this video and the 'Ultimate Guide to Shopify Liquid') focus on customising existing themes. As I mention in this here: th-cam.com/video/9t6I-YY4o30/w-d-xo.html, building a theme from scratch is not the best idea. For the most practical intro to Shopify Theme Development, I'd recommend my class 'Shopify Theme Development' on Skillshare :)
Good Course, however it's not clear to me how you get the definitions like : for and assign. is there a cheat list where all definitions are explained and when you use them ? or is it more like trail and error ?
I have used page builders before. Check out my video on Shogun for my thoughts. I've also written about this on my client-facing blog too: christopherdodd.com/shopify-page-building-apps/
Great video! I'll check out the course when I get ready to start doing some of my own theme development. I'm curious, what software do you use to record your screen?
@@CodewithChristheFreelancer got it actually I was asking for after I edit it on Shopify how to download the edited theme, actually got it now, it's through the button beside the customise theme -> download theme file
Brilliant this video, the only thing I am struggling to understand is the unless logic as I have never come across this before. Could you not just do: {% unless section.settings.hide_soldout == true and product.available ===false %} Or is this not how an unless would work?
Unless is just the opposite of if and you're right, it can get confusing. That's why you might prefer to use if. So instead of what you've written, you could write {% if section.settings.hide_soldout != true and product.available != false %} or {% if section.settings.hide_soldout == false and product.available == true %}
Are there any courses on adding a translation to shopify, using and app and doing it from scratch? I am using an app but it doesn't grab everything. There is a udemy course but it doesn't cover enough to help me get through. Finding it difficult.
On Shopify, I want my website to start with an intro screen. A blank white screen with nothing but my logo in the center. It looks like an S, I want it to fade in and spin in the center, stop, smoothly scoot over to the left and have the rest of the website name fade in. (the S looking logo will be the first "letter" of my website name) after that, I want it to fade away to the rest of the website. Not sure if you can visualize that but as an amateur video editor, I was able to mimic exactly what I would want my website intro to look like. But...I don't know coding 😅 if you could point me in the right direction to creating an intro, I'd appreciate it! Btw, I can't put into words how helpful this video will be for me. Thank you very much!
Not really a Shopify specific question. Is this on certain pages or no matter what page on the website? I found this tutorial for you (might help): th-cam.com/video/MOlaldp1Fv4/w-d-xo.html
@@CodewithChristheFreelancer also, the video you recommended is exactly what I would want to do. Im not sure if it's compatible with Shopify but youve helped me learn that what I'm looking for is called a splash screen! I appreciate the advice man
THANKS BRO. I am searching this type of basic video from 10 days. And PLEASE complete this series 1 q = how to modify home page or any other page as per client requirement in shopify ? Please answer this. Please. This question sucking my carrer Thanks again bro
You might not be able to do it on Shopify. You might need to download the theme code as a folder to your computer. Then you can add a folder using your computer and reupload the theme.
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!
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 😂
@@one_man__ormy same lol
@@CodewithChristheFreelancer well see if im the next one im working out liquid at the moment
@@one_man__ormy same
I need to learn this for my job. This is really good. Thank you for your time and effort. I appreciate it.
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!
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 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 😊
OMG, this tutorial is so good, thank you so much, you're a lifesaver!
Thanks! I tried to make it pretty comprehensive ;)
Great video! 48 minutes of watching and I add a new skill to my resume :)
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
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!
Thank you for the concise course, it is very helpful to get a picture of the templating language, have a good day sir!
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.
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 :)
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!
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.
😄😄😄😄😄😄😄😄😄😄😄😄
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
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!
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
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.
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
So it's basically like Blade templating engine. Very useful tutorial, thanks!
Hey Chris.
First off, glad to have found this video. Very clear, instructive and pleasurable to follow. Kudos!
So I'm gonna start a new job as Head of E-Commerce at a Shopify-based shop in September, and I wanted to gain a solid technical understanding before.
Was wondering whether 1-2 weeks is enough to complete your two courses on Skillshare ("Shopify Theme Development" and "Shopify Theme Programming: Liquid, JSON and Javascript"). On holiday, so would have plenty of time.
Yeah. I think so. It really depends on how fast you learn. The best way to ensure mastery of the subject though is by actually coding. So the classes will provide the theoretical knowledge in under 8 hours but then it's up to you to put it into practice. That's how you will become proficient and internalise what you have learned.
Hi there, our agency is looking to hire a Shopify developer. Please fill in this form if you are interested: forms.gle/JbnAH3S99DnZFF4Q9
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 ...
Incredible! Hiring Shopify Devs in Canada so this was invaluable.
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 :)
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
You're a lifesaver 😭💖
can we work together while learning
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
best liquid tutorial.
Dude, you are just awesome. i just joined skillshare bcos of this info
Thanks Martir!
Excellent video to understand Liquid and shopify as a whole. Thank you chris for putting up this video tutorial
Thank you so much! The starting from scratch approach clarifies everything so well!
Wow what a great introduction to shopify liquid
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
You make the internet a better place.
Very comprehensive explanation. Thank you sir 🤝
Stopped watching here and went to skillshare. Love your class there so far.
Appreciate the support! 🙏
Hey Chris this is awesome! Do you think you can make a video on how to create a custom html block?
What do you mean exactly by 'custom HTML block'?
you a really great person, first Shopify video's channel fantastic with your presentation and I want to join your team for learning purposes.
Thanks for the video sir. It was a great tutorial !
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!
Awesome tutorial, thanks so much for taking the time to create this!
Thanks Chris, this was a super clear and helpful tutorial!
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
Hi Chris, thanks a lot for this video! I will check out your Skillshare Course soon! :)
Thanks Henry.
Chris, thank you. Clear and concise. Just what I needed.
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
Tip: Add 0:00 timestamp in the description so that your other timestamps would be displayed in the TH-cam video player
I've updated my timecode in the description. Still doesn't appear to be showing chapters on the TH-cam player though.
Thank you so much! We need more videos like this ❤️
The tutorial is so clear! Thank you for sharing!
Great Video. Thanks for the simple introduction
Pretty clear tutorial, thank you so much!
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
osm tutorial.can you share the link of header and footer part.
Hey Chris, is there any possibility to launch your course on Udemy. A lots of people may don't want to commit to Skillshare monthly plan like myself. Thanks
Thanks so much for these. Great quality and well structured.
Thank you for the comment!
This is epically good. Thanks man!
Really Great job doing this presentation. I will absolutely refer you to my colleagues. Thanks again!
Thank you so much Chris!!! You're a life saver!
This is very helpful really appreciate the hard work...would love to see some more thorough tutorial on using the shopify liquid code 😍
Very nice stuff for beginner. Appreciated
First off, great video on this Intro Chris! Clear and precise presentation. Seems like Shopify theme development is simpler than WordPress development.
you are a good teacher
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!
I don't seem to have a 'Sections' bit on my navigation menu of the editor? I have Layout, Templates, Config, Assets and Locales? Thanks.
Appreciate the awesome share Chris! Is the course on Skillshare updated to accommodate the Shopify 2.0 changes? Thanks!
Hi Jed. The answer is Yes.
Great crash course! Only thing: please add sections in the timeline as well, it would be super helpful :)
Think this video was published before that feature came out but good idea!
Interesting... the timecodes are in the description but not coming through as chapters I'm afraid.
Ah youtube bugs, no idea how to deal with that... interesting thing was that I found the video through Google - and it had stamps there (but I think those are auto generated)
This is very EASY TO FOLLOW. Thank you.
Superb stuff totally simplified. Encourages you to try some customization to master it.
Hi Chris. On this video18:00 mark, you mentioned that the featured-collection is already imported in the themed kit but on your GH/SkillShare file, it's not yet included. It's on a separate folder. I've tried to import it on the Test Shop I created but it seems not being read by the index function. Can you show us how you imported the product.csv file accessible to the template? Thanks heaps!
Hi Karlene. ‘featured-collection’ is the handle of a collection I already have set up in the Shopify Admin. Unfortunately, I don’t think that you can import collections from a CSV so you’ll have to create a collection yourself in the Admin. Take note of the collection handle and then use that to select the collection inside the theme code.
@@CodewithChristheFreelancer got it. Thanks for clarifying Chris! So now i would need to figure out how to set-up the handle of collection in the shopify admin. (Y)
Yes. You can view and update the handle of the collection by looking at the SEO section at the bottom of the page in the Admin ;)
Nice Tutorial! Just have one question, the zip file doesn't have a Section folder. How do you make a section folder at the code editor?
Right-click, ‘create folder’. That’s how you do it in VS Code. If you’re referring to the online editor within the store, it might not be possible.
Thank you so much Chris for this tutorial. I love it :)
This was really helpful. How to dump an object on screen?
Hey Akhill. I talk about this in my video on debugging in Shopify theme development. Unfortunately if you just output the object, you’ll just get the object name followed by ‘Drop’
@@CodewithChristheFreelancer Appreciate your response. I noticed the debugging video in your channel after I commented. Will check it out.
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
'Drop' is a reference to a certain type of code in the Liquid template language.
Nice lesson! Thanks!!!!!
Thank you Chris for this video. But please, I didn't understand how you generated the data stored in settings_data.json
Hi Cascarr. That data comes from what you select in the customiser.
@@CodewithChristheFreelancer Thank you Chris, I got it..
Great video Chris, thanks for putting this out!
Hey Chris, I stumbled upon your video are you still keeping your course updated?
Depends on which course you're referring to. I just released one on January 1st of this year. That one is definitely up to date.
Would that be the one thats linked in this video? for shopify theme development?@@CodewithChristheFreelancer
I'm talking about this one: www.shopifythemedeveloper.com/shopify-liquid (released on January 1st, 2024)
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.
Hey there, Glad to discover your channel.
I am a newbie at shopify development with a simple enquiry.
Is there any community or forum through which i can network with like-mind programmers and
where i can ask technical questions related to my coding in shopify.
Thanks for any recommendations.
Sure. If you'd like to learn from me specifically patreon.com/shopifydeveloper or join the Shopify Dev Discord server at discord.gg/N3JSeaQb
Hi Chris, thank you for this tutorial. Very easy to follow but I had to stop when it came to the "collections" part. I created collections but I just don't know where to find its "handle" so I can access it from the code.
You can find the handle of a collection under SEO details on the admin page for it or by its URL (the part after ‘/collections/‘)
Dude, amazing video! 5k likes to you! hahaha
One of the best way to explain basics and fundamentals , great example, and great way to explain . For people who are from scripting background ( legacy classical asp ) + combination of HTML, JavaScript, this is great stuff to open doors of Liquid - thanks u !!
Hi chris! I just barely started to learn this. But @26:38 i am not getting those products list.
Hi Ash. You’re not going to have the exact same store data as me, you have to add in some data (ie. add products in your Shopify admin in this case)
Hey Chris, I am rather new to developing I think, I am currently almost done a Javascript master course. I am interested in starting shopify development as it could be great for freelancing, however I don't know JSON plus I'm not particularly proficient in Javascript. Are your two courses just for making themes that can be sold on the marketplace? Or with these two courses am I also able to learn, say, if I had a client who wanted me to make their entire store for them?
Hi David. Thanks for the question.
I have thought about producing a course that shows you how to develop a theme from scratch but as of now, all my classes and content (except for 'Shopify Theme Programming', this video and the 'Ultimate Guide to Shopify Liquid') focus on customising existing themes.
As I mention in this here: th-cam.com/video/9t6I-YY4o30/w-d-xo.html, building a theme from scratch is not the best idea.
For the most practical intro to Shopify Theme Development, I'd recommend my class 'Shopify Theme Development' on Skillshare :)
This is gold, thank you Chris!
Good Course, however it's not clear to me how you get the definitions like : for and assign. is there a cheat list where all definitions are explained and when you use them ?
or is it more like trail and error ?
I wrote a guide
christhefreelancer.com/shopify-liquid-guide/
otherwise you can check out the official documentation
shopify.dev/api/liquid
Hi what do you think about page builder as PageFly to customise part of the theme?? 🙏🙂
I have used page builders before. Check out my video on Shogun for my thoughts.
I've also written about this on my client-facing blog too:
christopherdodd.com/shopify-page-building-apps/
@@CodewithChristheFreelancer thank you 👍🙂
Great video! I'll check out the course when I get ready to start doing some of my own theme development. I'm curious, what software do you use to record your screen?
Thanks Kyrell! I just use the QuickTime app that comes with Mac OSX. Not the best one but it does the trick ;)
How do I download the edited shopify liquid files now?
The link hasn't changed. Still github.com/christopherdodd/skillshare
@@CodewithChristheFreelancer got it actually I was asking for after I edit it on Shopify how to download the edited theme, actually got it now, it's through the button beside the customise theme -> download theme file
Brilliant this video, the only thing I am struggling to understand is the unless logic as I have never come across this before. Could you not just do:
{% unless section.settings.hide_soldout == true and product.available ===false %}
Or is this not how an unless would work?
Unless is just the opposite of if and you're right, it can get confusing. That's why you might prefer to use if.
So instead of what you've written, you could write
{% if section.settings.hide_soldout != true and product.available != false %}
or
{% if section.settings.hide_soldout == false and product.available == true %}
{% if section.settings.hide_soldout == true or product.available == true %}
I followed along unitl 8:35 with the exact same code, but I get "Home" "Catalog" "Contact" and "Cart" displayed above my "Hello" string/variable??
Sounds like a header is coming through. Is it a problem for you?
Are there any courses on adding a translation to shopify, using and app and doing it from scratch? I am using an app but it doesn't grab everything. There is a udemy course but it doesn't cover enough to help me get through. Finding it difficult.
Not sure Nancy. I haven't seen one.
On Shopify, I want my website to start with an intro screen. A blank white screen with nothing but my logo in the center. It looks like an S, I want it to fade in and spin in the center, stop, smoothly scoot over to the left and have the rest of the website name fade in. (the S looking logo will be the first "letter" of my website name) after that, I want it to fade away to the rest of the website.
Not sure if you can visualize that but as an amateur video editor, I was able to mimic exactly what I would want my website intro to look like. But...I don't know coding 😅 if you could point me in the right direction to creating an intro, I'd appreciate it!
Btw, I can't put into words how helpful this video will be for me. Thank you very much!
Not really a Shopify specific question. Is this on certain pages or no matter what page on the website?
I found this tutorial for you (might help): th-cam.com/video/MOlaldp1Fv4/w-d-xo.html
@@CodewithChristheFreelancer also, the video you recommended is exactly what I would want to do. Im not sure if it's compatible with Shopify but youve helped me learn that what I'm looking for is called a splash screen! I appreciate the advice man
@@CodewithChristheFreelancer thank you, you are awesome!
THANKS BRO.
I am searching this type of basic video from 10 days. And PLEASE complete this series
1 q = how to modify home page or any other page as per client requirement in shopify ?
Please answer this. Please.
This question sucking my carrer
Thanks again bro
Really solid tutorial. Well done.
Thank you 🙏
Hi Chris, I downloaded the Themekit template file but can't find the Section files in the code editor. Please can you help me with that?
There's no section folder? In that case, you'll need to create one.
@@CodewithChristheFreelancer How do I create one, please? I've been held down for a couple of days because of this.
You might not be able to do it on Shopify. You might need to download the theme code as a folder to your computer. Then you can add a folder using your computer and reupload the theme.
@@CodewithChristheFreelancer Alright thanks. I'll try that out and get back to you 😊
Great tutorial! What tool do you use to blur sensitive info? Tks
Gaussian blur in Adobe Premiere Pro
Very well presented, thank you.