what is shopify 2.0 theme

well after waiting years for shopify to,finally launch their new store design,experience,here it is online store 2.0,if you've been following this channel,since around this time last year,you might remember my video which,discussed the changes to the online,store design experience,that were announced back at shopify,unite 2019,while it was clear that shopify were,working behind the scenes,to launch a new store design experience,the changes actually never came,that is until right now let's take a,look,at what's new inside the online store,2.0,experience,this new version of the online store,experience provides many long needed,enhancements,some of these were announced as early as,unite 2019,while others have come as more of a,surprise let's discuss each of these,changes,from a developer's perspective number,one in order to allow for sections,everywhere,we've got a slightly new theme,architecture,now instead of writing liquid code,directly into templates that code will,be moved into sections,and these template files will now be,written as a json object,this is the same data format that theme,developers have been accustomed to,with section and theme schemas turning,these files into json now allows us to,build pages in the new theme editor,by adding and rearranging sections and,blocks similar to how we have done for,years now on the,home page if we take a look at the new,theme structure as,is demonstrated on the new default theme,dawn,you can see that not much has changed,the only obvious difference,is that all of the template files are,now json files instead of liquid files,with the exception of the templates in,the customer,area shopify have finally come through,on their promise to enable sections,everywhere while abandoning other,changes that were announced at unite,2019,such as master pages frames and content,portability,number two shopify have completely,rehauled meta fields,in online store 2.0 meta fields can now,be edited directly through the admin,meaning no need for any external apps or,special urls like the one i showed you,in my last video in addition you can now,create a meta field definition in a,range of content types,you're no longer limited to just a,single line of text,then after you've defined your new meta,field you can edit it directly from the,product page in the admin,just like you would edit the standard,fields like title,or description and finally in order to,bring it onto your front end,you can simply link the meta field to a,field already in your section settings,therefore removing the need to hard code,meta fields,into your theme via liquid code along,with these changes comes a,new theme editor if you've been using,shopify for some time,you would know that shopify likes to,update the look and feel of their theme,editor,on a pretty regular basis the biggest,difference between this version of the,theme editor compared to the previous,versions,is this tree view of sections this new,look makes blocks a more prominent,visual feature,which suggests a push from shopify to,move more of your section settings,into blocks therefore allowing you to,rearrange those settings on the front,end,other features of this new editor,include app blocks which is the new way,to add app widgets to your themes,and data linking which we just saw an,example of in regards to meta fields,finally the third major category of,changes to the online store experience,is developer tooling as shopify have,written on their website,these new json templates aren't,supported through themekit,instead shopify have extended the,functionality of the shopify cli to,include theme development,essentially replacing the use of,themekit altogether,in addition shopify will now integrate,directly with github,previously development teams had to try,and come up with their own robust system,for managing and deploying theme code,changes now,as developers we can manage and deploy,directly to shopify,through github these changes to the,shopify theme development workflow,meta fields and the theme structure,represent a big change for shopify,but it doesn't mean that absolutely,everything is changing,for one we're seeing no major changes to,liquid code,liquid is something that is constantly,changing in the background but the major,objects,tags and filters have largely stayed the,same over time,two we're seeing no significant changes,to section schemas,if you remember my video from last year,we talked about how shopify were,planning on adding a,content field to schemas to standardized,sections,but as it stands today section schemas,have not changed,with the minor exceptions of the custom,liquid input type,and the new app type finally despite,product templates now transforming into,json objects,there have been no changes to the layout,files the way shopify described back in,2019,in the unite 2019 announcement shopify,declared that layouts would be replaced,by something called frames but according,to the latest announcements,theme code will remain in the same,familiar list of folders,i'm talking about layouts templates,sections snippets,assets config and locales so now that,we've summarized what is changing and,what is not changing,let's talk about what we need to do,today to ensure that we are up to date,with the new system,first of all don't freak out the,emergence of online store 2.0 does not,mean that stores created using the old,paradigm,need to be fixed asap of course shopify,might deprecate these themes eventually,but there's no rush as of right now,currently these new changes have good,backwards compatibility with the old,system which means that you can continue,to develop themes the way you've done,previously,but you'll just miss out on the new,features to verify this i decided to,head into my partner's account,and create a new development store as,shopify writes on its website the online,store 2.0 features,will be available on any stores created,after june 29th,2021 after you get into your new store,you'll see that the new dawn theme,replaces the previous default theme,of debut i can still upload and run,themes created with the old theme,paradigm,on this new online store 2.0 environment,and if i click to customize the theme,i can see that the new theme editor is,still compatible with this old system,online store 2.0 is not actually a new,store environment,it's just a way for shopify to put a,label on these new changes,and change is something that is,constantly occurring in the shopify,ecosystem,so what does this all mean for,developers well firstly there's no need,to change how you develop themes,right this second this new version of,the online store experience,doesn't appear to be forcing developers,to take any action,right away but if you wish to adapt to,the new features of the online store 2.0,experience,you'll need to 1. migrate your theme,from online store 1.0,to 2.0 shopify have a guide on their,website for doing this,but i'll also be producing a tutorial on,this for you,two set up your new development,environment remember themekit does not,work with the new json templates,and so you'll need to install and work,with the cli instead,i'd also recommend that if you haven't,already you connect your theme with a,github repository,and that way you can deploy themes using,shopify's new github integration,finally if you've been hard coding,metafields into your theme you might,want to refactor that code,to allow for data linking within the,theme editor instead,the same principle can be said for the,app code as well,if the app you're using has made app,blocks available you can start to use,that instead,of having to hard code app code into,your theme,all of these steps will be covering more,in depth on this channel,so don't worry if any of this is,confusing to you,like i said earlier there's no rush to,adapt your existing practices,to match with a new store design,experience so take as much time as you,need,to get up to speed with the new features,and if you need support along the way,make sure to subscribe or stay,subscribed to this channel for tutorials,on everything you need to know,regarding online store 2.0 and beyond,i'll see you on the next video

Congratulation! You bave finally finished reading what is shopify 2.0 theme and believe you bave enougb understending what is shopify 2.0 theme

Come on and read the rest of the article!