Getting started with Shopify theme development (from scratch / complete guide)

In this video you'll learn how to create custom Shopify themes completely from scratch. We'll make use of theme kit to sync our files with Shopify.
Shopify Partners - www.shopify.com/partners
Theme kit:- shopify.dev/themes/tools/them...
Product CSV - github.com/shopifypartners/pr...
Theme architecture - shopify.dev/themes/architecture
Liquid Objects: - shopify.dev/api/liquid/objects
Like and subscribe!

[@jmg9509]

0:00 - Setup - Theme Kit 7:00 - Directory Structure 10:20 - Assets 13:02 - Snippets (+ render) 14:05 - Objects + Docs - 15:00 - Navigation (Menus, Link Lists, Footers) - 17:00 - Collections 19:35 - Filters 21:25 - Product Page - 22:30 - Forms (product form) 25:30 - Cart + Checkout 33:22 - Pages - 35:22 - Contact Form - 37:10 - 404 - 37:40 - Blog & Articles 46:00 - Collection Page 50:00 - Gift Card Page 53:40 - List Collections 56:35 - Search 1:01:35 - Config 1:06:20 - Locales (Translations) 1:08:50 - Sections 1:11:50 - Stylesheet + Javascript tags 1:13:50 - Extras (More on Sections)

[@rakibulhashanrabbi]

For those who are watching in 2023 after Shopify 2.0 and CLI:3+ Fix: 25:28 You should add the method in the form: {% form 'product', product, method: 'post' %}

[@aneeqak]

Its actually better than most of the paid courses. I already knew about HTML, CSS and Template languages so picking this up was not a big deal for me. I just needed the guide of how to get started and this tutorial does just that stuff. No time waste on CSS or anything like that. Thanks man!

[@sifatcreator1175]

Bro can I contact with you

[@gustavosantana4805]

@@sifatcreator1175 Can I help you?

[@John-qw7qs]

To the point, no fluff, thorough and easy to understand. I seriously wish more guides were this good. Thank you man!

[@kidbrave_7673]

Your video is 🔥! Thank you, for covering Shopify development. I've seen others try teach liquid and the platform inside out and it made things even more confusing. However your approach was straight on with getting started and being able to jump straight into things!

[@peterparker2460]

Thank you for this man, I watched more than 40 hours of videos on Shopify and no one talked about this liquid api page you are referencing for doing everything. This page seems to have everything I wanted to know. Thank you for great tutorial. You are a great teacher.

[@tomcurrydesignandbuild]

Robby this video is the best ive seen covering shopify, im 35 mins in and I love the way you've gone through each tamplate skiping the CSS, only focusing on the most important parts and worrying about the looks later is so valuable. Great video!

[@jeromeyoung6047]

Hey Robby, I dove into about 17 mins of your tutorial and I’m already absolutely loving it! I bought a course for Shopify theme development, but it was super long and made me go to sleep to many times to count. 😅However, I appreciate you simplifying liquid and the Shopify development ecosystem within a nutshell of a learning approach. I can’t wait to finish your tutorial and dive in my learning. I just wanted to give you your flowers for making this amazing content to something that just needs the setup and overview of how to start developing storefront Shopify applications. 😀🙌🏽

[@mateusdias7681]

I've worked with shopify development for a brief period of time some years ago and now I'm trying to get back on track. Your content was super clear and direct so thank you for helping me remember a lot of stuff and inspiring me to try and build my own liquid code and theme structure.

[@majorthought]

Brilliant video Robby, you focus on the main concepts and i feel little time was wasted. Most informative video I've watch in a while! Looking forward to applying the skills you teach.

[@vishalmadhwar497]

I was looking for such video for last many days and finally i found you, its straight and explained in a better way, very easy for anyone to start with. thanks a ton for such super easy explanation video.

[@oluwafemikayode2183]

Appreciate this tutorial man. Already a web dev and looking to pick up Shopify and this is the best tutorial I've seen so far. Big ups!

[@creativeprogrammer2848]

Thank you for this video. I saw many tutorial and course on KZbin and Udemy but your are the one who tells everything about Shopify in very one smallest video with accuracy.

[@ShahariareRahman]

Awesome. A full guide, no time waste on design or CSS stuff. Solid foundation. Loved it, man. Looking for the Shopify App development tutorial too.

[@demarimiller769]

This is the best beginner Shopify theme tutorial I’ve seen. I mean that. Thank you!

[@pumdu]

Thank you Robby. This is the exact liquid course that I was looking for. I could understand how to set up environment for liquid on local computer and sync it with shopify editer and how to deal with it from the scratch. Excellent!!

[@1712sumesh]

This is one the best videos I have seen on shopify that describes in a simplest way. I cant tell you how much it help me to learn and understand the basics. At first glance of shopify I was scared but after watching this, I loved the shopify environment. Thank you so much for your great work. ❤

[@lightmaaaster8087]

Thanks man, this video is what I was looking for.. straight to the point, no bs-ing around

[@jeromeyoung6047]

I know I wrote a message 2 weeks ago from what I can see lol. But I had to leave another comment. I just finished your video and want to thank you so much for making this amazing content!!! First, I'm blown away by how fast you created all that html and liquid code and how smooth it is in a jampacked 1-hour video. I learned so much throughout the video, but from watching it I feel completely confident and comfortable giving it a shot on creating my own Shopify frontend Store! Thank you, again robby I really appreciate it.

[@dylanmrocks]

Thanks for this simple tutorial! I especially like how you look at the documentation as you're explaining to us. It has a 'teach us how to fish' feel, instead of just showing us the least steps to get to make a theme.

[@abdullahalamin1837]

Robbin, You performed admirably. Bravo to you. As a novice, I learned the basic about theme creation from you in a brief period of time.

[@seventhapex]

Thank you for blasting through this. There was no time wasted in this walkthrough. "That's pretty cool!"

[@ArizonaLee]

Best resource for someone starting out with theme development, straight to the point

[@everlastingideas8625]

It is needed to note that the "Theme Kit Access" app name was changed to just "Theme Kit", still just at the start of the tutorial but thank you for this!

[@joshuasalcido9025]

Actually I think it's "Theme Access" right?

[@FancoYang]

@@joshuasalcido9025 Yes, you are right.

[@aleksandereerma5690]

Crazy, compared to all of the other available courses and videos, this is by far the best and most informative for a developer, who has not used Shopify. Thank you!

[@gil2053]

Would you say that this guide is up to date until now? I'm trying to get a background on Liquid coding for a job so I was wondering

[@aleksandereerma5690]

For sure@@gil2053

[@WPAcademyPK]

Hey Robby, after watching the complete tutorial i must say. You are so underrated, let me give you a boost. I will share your content across my social platforms. As a WordPress theme developer, i wanted to expand my skills and I decided to learn Shopify theme development so I can build and sell Shopify themes (I am already selling WP themes). I started with the official documentation (as I always do while learning anything new) and I also watch some tutorials to give myself a head start. And I am a content creator myself (that you can see on my channel) I must say your method of explaining things is so to the point and you made it so easy to understand to a beginner. Thank you.

[@codingwithrobby]

Appreciate the kind words and the boost!!

[@WPAcademyPK]

@@codingwithrobby That’s the least i could do for the value you are providing. Keep making more content, looking forward to keep in touch with you.

[@rawahapool]

@WP Academy You are just making yourself money by selling courses. This Guy is a genuine content creator. You are just a marketer. Keep ripping poor people

[@BurritoBrooks]

I haven’t even watched the whole video but I already see that this is what I’ve been looking for. 🔥 Thanks

[@BurritoBrooks]

Hey Robby! I was looking at the code that comes with the DAWN 2.0 theme. I wanted to know if there was code in there that I actually need for my website or if I am safe if I leave things out. I was confused looking at it so I am hoping I don't need it. haha Also, do you hop on video calls to help people out? Cause at this point I think I am ready for help.

[@webok]

Just so helpful! You gave me the confidence to jump into customizing shopify with the sections everywhere stuff. Thanks

[@brianwlazlo7]

This has been ridiculously informative. Thank you for putting it together.

[@justicemarkwei]

This was sooooo helpful! And just in 1 hour, I understood how to build a custom shopify theme. Thank you!!!

[@mdshohidurrahman]

Thanks Robby,this is one of the best video on shopify.

[@Impact_TO]

This is so good, thank you so much for making this. I really wanna highlight that this is available for free and i really appreciate it!

[@kevyyar]

We need a complete course on this. Creating a good looking theme would be nice

[@chandlergersh]

Robby this video was awesome! Thanks so much for putting in the time to create this video

[@eduardboiko7219]

Really cool that you care about time of the someone who watches the tutorial. Thanks for materials

[@TahirBhai]

Amazing tutorial, loving it. But I'm so sad to see that this video has less views and your channel is under rated :( I'm praying one day you will cross millions videos and subscribers. Best wishes.

[@ramidp]

Best video about Shopify ever .. It makes you understand all the structure .. Love it!

[@npmjazz]

Unbelievable resource. Comments speak for themselves but I have to add my review cause it's that good. I hope all web devs getting started on Shopify find this video FIRST cause everything else I've watched so far has been a waste of time. This is the best resource I've found thus far for people who learn buy doing.

[@jasonX]

Simple and easy to understand! Thanks for making this video!

[@Olympik92]

Thanks very much for this thorough and easy-to-follow tutorial - massively helpful!

[@sagarbharati1438]

no mix-max staright to tha point. Enjoyed so much. Lots of thanks

[@laserak9887]

I just bought some Udemy courses, that were awful. This video was CONCISE to what I needed to know. Thank you so much.

[@Unggoy_Murderer]

Absolutely fantastic video, this really did teach me the basics needed to get started. Thank you!

[@johnnychen5787]

this is the best crash course i've seen!

[@user-rx3wh1hw6u]

Thank you for your tutorial. It's really clear and thorough.

[@yusuf-cetin]

It's an excellent educational video. Thanks for your hard work. There are examples of all the curious topics in the video.

[@mazeemjutt5711]

If you have next part of vedio please send

[@FancoYang]

My English is not good and it's difficult to follow the video, but I've finished it. This is the best shopify theme development tutorial I found! Thanks, Robby!

[@kan8095]

Thank you so much, your video is so great. learn a lot from it!

[@UsmanAli-ox3mn]

Straight to the point. I love it.

[@sdfsfsdfsdf-jz6zv]

Best shopify tutorial out there. Thanks!

[@Seven7SeptVII]

This was such a great help!

[@therobiulislam12]

That's greet for me. I understand everything almost. You are a great tutor. Thanks a lot, Robby

[@sarahm1656]

This is one of the best Shopify tutorials ever! I'm very surprised that it has such a small number of views and likes! Because it definitely deserves a lot more! You are doing a fantastic job @codingwithrobby , please keep on posting great tutorials like this.

[@hydev7652]

Thanks so much dude. Such a helpful video!

[@abdulqayyum786]

Good tutorial learns a lot from single videos Thanks, Sir Robby.

[@romnycristopher8703]

Great video. Straight to the point!

[@BDHDVIDEO]

Such a wonderful video content man.

[@nable0306]

Thank you so much for this one.

[@samario_torres]

More of this content please! Preferably more advanced topics

[@zahid3d29]

Nice Man! Very Helpful.

[@137lewis137]

This was excellent, thank you!

[@RobertThomasrob_thomasa10]

This was amazing!

[@mikesantiago_]

Exactly what I am looking for in shopify tutorial! Good job! Though I would say this is not for the real beginner. It aasumes you already know Liquid.

[@sagar_khandakar]

This is only one english tutorial, I understand fully. Thank you so much Robby, for youre easy and effective tutorial. I subscribed you're chanel. I'll continue you're video must be. Again Thanks Best Of Luck. 🎉

[@ArmooredHD]

You are amazing.Thank you so much .

[@tanveerDH]

Thanks for the really helpful video.

[@emadstaheri]

Amazing Video, Thank you so much 👏

[@decorceramily]

Thank you. You are my hero.

[@CastleShield]

What a wonderful video!

[@wojcik272]

Hey Robby thanks for great content. Can you share with me info what extensions did you use in vsc during creating this theme? Also which formmating language did you set (i'm using html and sometimes is reformating in wrong way my code)

[@reviewsfitness]

Thank you has everything I need

[@Ishant56]

Amazing tutorial 🚀

[@GofeHD]

I wish every tutorial was like this. You saved my ass man

[@shahbazliaquat00]

Here after sir Shahzad Raza Recommendation.. great video❤

[@hamoudyazen]

actually you are the best I understood everything

[@oswaldgrimmelsworth9774]

Hey Robby, thank you for this video, it was incredibly helpful. One question, which might be a stupid one, is there a way for me to edit the code of specific pages through theme kit, or any method without using the Shopify page editor?

[@muhammadaqibshahzad9494]

Thank you so much Robby Amazing content. Can you please make a video playlist on Shopify app development?

[@brandonrugzie]

Robby, this was an incredible kick start! One issue I found is that cover the conversion of .liquid to .json at the end so quick left me with a lot of questions - for example: does using the more flexible .json format prevent the usage of layouts?

[@jeeshu2010]

Thank you Robby.. I have created my store by following your tutorial... "Add Section" button not visible while customize the custom theme ... pls help

[@turglow01]

around 25:30 can someone tell me how that button actually added to cart? We didnt give the button any functionality in our code, so Im assuming the products have some sort of behind the scenes actions going on when "submit" is called? Just wondering if theres a way to see any documentation on stuff like this etc

[@mmuradmurtaza555]

Will I have to create a custom template for each blog post separately if I have to add a multi-row section? For example, if I have 100 blog posts, I want to add multi-row to any 50, do I need to create 50 templates? When we add content to multi-row in customizer, it applies to all templates.

[@deaaalawad1830]

Really thanx you from heart you do it really wow

[@someradtunesimade]

Hi robby, when I publish my uploaded theme, i get the error message "Role can't be set to main: missing required file layout/theme.liquid". On my local machine im seeing that the folder does include the layout folder with the theme.liquid file that you showed us how to make. Any ideas? Anyone else run into this problem as well?

[@nable0306]

Need help around 12:39 the images was not updated on the live preview even I did theme watch. How come?

[@youngwong5792]

hi guys, I want to ask that what is the purpose of the filter like "stylesheet_tag" or "script_tag" when linking the theme.liquid file?

[@benjamin-milcic]

Hey Robby, thanks for this cool tutorial. But i think i found a little mistake. Until 1:13:22 there is only "header.liquid" in the "sections" folder. But then, from 1:14:06, there is an additional file "featured-product.liquid" in this folder. But there is no explanation how this file is created and what is it used for.

[@jhurelsulit775]

Hope you can make a video for creating a theme from scratch to deployment like with design and stuff 😁

[@shohagkhan3677]

Thank you very much for your good afford Robby. You know this tutorial is little bit old. It would be great if you make this tutorial again using new Shopify CLI. If you make that from the very begging like creating folder and file would be very helpful for who like to write code along with you. Thanks again!

[@alonzolee2864]

Hey Robby, @31:05 when putting in the quanaity It will not add the quananity, It will go back to the default which is 1. What am I doing wrong?

[@lukemersh3573]

Hi Robby. I have noticed that there are more template pages than you have listed. I assume that they will all have to be added, no?

[@CastleShield]

I had some bug while chaning 404's liquid to json. I couldn't see 404 page in the panel. I had to rename it back to liquid and then again to json to fix it.

[@Tasawwur-e-Shaheen]

I'm very grateful for your fantastic tutorial. I have faithfully reproduced every step. However, you overlooked the featured product section at the end. Could you provide further details?

[@valeria1647]

Hi, when I create the header.liquid file inside the snippets folder, I get this error "Unused snippet problem". Anyone can help? Thanks

[@Foltosh]

Great tutorial.

[@ritika-yc8ym]

I'm getting this error in command prompt 'theme' is not recognized as an internal or external command, operable program or batch file.

[@wisdomcandidus8086]

I cannot find the theme kit access on shopify store

[@ashique12009]

Thanks! Wonderful but somehow when I go to checkout page it shows me error like below: Checkout isn't available Return to the home page or contact the store directly. Return to HOME PAGE BUTTON.

[@Don111_44]

Hi Robby, Just a quick one, how can one download or get the file creating terminal(MINGw64) Thanks.

[@aneeqak]

Thanks again!

[@md.shafayatulhaque6273]

awesome awesome. Thanks a lot.