How to Migrate Shopify Themes to Online Store 2.0 (Liquid to JSON Templates)
hello and welcome to this final video in,this series on shopify online store 2.0,in the previous videos we covered some,of the other big announcements with,online store 2.0 such as the new meta,field functionality the github,integration and the extension of shopify,cli to work with themes in this video,i'm going to talk about the new theme,architecture and show you guys how to,move a theme created with liquid,templates into the new templates as json,system,so as part of the online store 2.0,announcements shopify finally announced,the arrival of a feature they've been,talking about for quite some time,sections everywhere previously the home,page was the only template that,merchants were able to add reorder and,remove sections from,now with the advent of json templates,that functionality has been extended to,all templates such as the product,template the collection template and the,page template to name a few in the new,system templates can be of either liquid,or json the choice is yours however if,you choose to stay with liquid templates,the section functionality that you've,been accustomed to on the home page will,not be extended to the other templates,that's why in this video i'm going to,show you how to replace your liquid,templates with json templates therefore,allowing you to take advantage of this,new feature so let's get started,all right so in this tutorial i'm going,to keep things in the browser i've got,three tabs open at the moment number one,my development store chris testing shop,as usual,and in the second tab i've got the,official documentation from shopify on,how to migrate a theme to the online,store 2.0 system which is essentially,how to migrate your liquid templates,into json templates as you can see,there's quite a lot of detail here if,you want to follow along this feel free,to but i'm here to make the process a,little simpler and to show you a visual,representation of how you can move,through this process,as you can see there's nine different,steps here what i've done is i've,simplified it into four different steps,which are remove the section tags move,surrounding code into their own sections,replace the liquid template with a json,template and add in the references to,the sections in your new json template,okay so this is based off of what we,have here,obviously they're going to suggest that,you back up your theme,but,the real process starts here when you,identify and remove section references,then we move code from the template into,a section which is either adding code to,an existing section or i would say more,commonly adding code to a new section,we're going to delete the liquid file,replace it with a json template file,and then add the references to the,sections so as you can see there's some,extra steps in here but essentially this,is the process removing the section tags,because we can't have a section within a,section,and then moving the surrounding code,around those section tags into their own,sections as we can no
Let's move on to the first section of Braver 2.0 theme shopify
Shopify Online Store 2.0 Tutorial: (Shopify Dawn theme tutorial + Metafields)
Shopify Online Store 2.0 Tutorial: (Shopify Dawn theme tutorial + Metafields)
today's video is about the biggest and,boldest update in shopify's history,ever this update is actually an,extremely good news to anyone who uses,shopify,because it allows us much more,flexibility and it gives us the ability,to customize our stores way,better and easier than before hi there i,am rehab and on this youtube channel i,share with you videos related to,e-commerce entrepreneurship and more,and today's video is about shopify,online store 2.0,and how you can use this update to,enhance your store and make it look,better,this video is a step-by-step tutorial on,how to use this new update,and how you can profit from it but,before jumping to my pc to start working,on this new update,i just need to tell you that up until,now not everyone has,this new update available on their,stores also it's very important to know,that all shopify themes will be updated,in order to be compatible with this new,upgrade of shopify,so just wait for it and soon it will be,live on your store,to be able to use this update you must,choose the new theme provided by shopify,and it's called on,and it's a very friendly user theme we,are going to use it right now,but you have to know that all of your,themes will be updated in order to be,compatible with this new upgrade from,shopify,so soon you will see a new update of,your theme and you will need to use it,in order to be able,to use the new shopify online store 2.0,update,so i'm here inside of my developer store,i have added some products,created some collections in order to,show you how you can use this new update,so the first visual upgrade you will be,able to see,is the difference in the theme editor,it's a big deal because,if you were using this before you will,notice the difference so here i am,inside of the home page and we are used,to the idea that home pages,are usually highly customizable,depending on the theme you are using but,usually on all themes the home page is,highly customizable you can add sections,you can add images,text whatever you want and usually you,can do a lot on this page,however this case doesn't apply to other,pages,so before this upgrade we were able to,modify the home page,as much as we want but we weren't able,to modify the product pages a lot or the,collection pages a lot,and now we are able to do that i'm going,to talk about product pages and how you,will be able to customize them now,but first let's start by taking a small,tour around,the new shopify editor dashboard and see,how things are now way different,so here i am inside of the home page and,these are the default sections,provided by the theme if i go in here,here i start to see the difference okay,this is not,this is not how things used to look,inside of the editor,so first if i scroll up this is the,first section i'm changing i'm,changing the image banner so i can add,heading,i can add buttons and i can also add a,text,sure here this is my limitation i can,add only three elements okay,so let me go to buttons for example to,see i
After seeing the first section, I believe you have a general understanding of Braver 2.0 theme shopify
Continue the next second section about Braver 2.0 theme shopify
How To UPDATE Your Shopify Theme
How To UPDATE Your Shopify Theme
all right everyone christian here today,i'm going to show you how to keep your,theme up to date super super important,let's get started,so shopify recently released os 2.0 and,with all of that all the themes and the,theme store have been updated to us i'd,say 99 of them have been updated uh,which means that you should definitely,update your theme right now,now,essentially now is the perfect time for,you to update your theme if you haven't,uh there are two ways in which you can,do this um first we're going to do the,old way,it's a little bit more cumbersome,since,actually maybe a few weeks ago a few,months ago they've added the ability to,do this a lot easier but i'm still going,to show you some of some of the other,ways so,shopify and other theme designers,frequently release updated versions of,their themes that they publish on the,theme store so,these updated versions usually include,bug fixes,and a lot of times some new features too,so it's important for you to keep them,up to date on a regular basis what i,would probably recommend is that you,check it,once a month or once every two months,and you just go through this process,make sure that you're,up to date with everything,and just kind of move on,again,bug fixes and new features and then just,the ability to,potentially load your website faster or,all things that you want and your,customers want as well so this is,something that i haven't seen a lot of,people uh necessarily talk about but,it's super important to add to your uh,sort of things that you should do a,maintenance maintenance wise right for,your shopify store because it doesn't,happen automatically so step number one,is to check what theme you're actually,using so do that very simply we just go,to online store and then right here,under themes,it will show you the live theme that,you're using here at the very top so,right now we have venture and then we,have the,version 9.4.1,right here and then if you scroll down a,little bit you'll see your theme library,so these are the other themes that,you've added to your store some of them,could be team throughout,theme trials,or just some older,themes,in there so now we can see that we have,venture and that's the latest version,that we have installed right here now,step number two again this is the sort,of the old way of doing this uh it would,be to go to the theme store and actually,find your theme so we're just gonna do,that really quickly just to kind of show,you what we do in here so we're going to,look for venture,click on that,and then we're going to click on venture,as you can see like venture is not an os,2.0 site let me go back so you can see,it doesn't have the tag for the os 2.0,here so i would recommend not to keep,venture and move on to something a,little bit better but for the purpose of,this tutorial we're going to do this and,then what we want to do here is log in,and then let me grab this real quick,copy,paste,okay so now that you're logged in then,uh this depending on the act
After seeing the second section, I believe you have a general understanding of Braver 2.0 theme shopify
Continue the next third section about Braver 2.0 theme shopify
The Best Shopify Theme In 2022 (Industry experts have voted)
The Best Shopify Theme In 2022 (Industry experts have voted)
which one is the best shopify theme in,2022,together with our good friends at,storetasker we wanted to find out,exactly that so over the last week we,interviewed various experts developers,agency owners from our network and from,storetasker's awesome freelancing,platform link in the description,and to our surprise we actually found,out way more than we expected so if you,listen to this you will not only,discover which one was the most upvoted,theme but you will also learn what makes,a theme great from a merchant's,perspective like what to pay attention,to when picking a good theme and you,will also learn what makes other,developers want to use your theme which,is a very interesting angle if you want,to build themes yourself and then,potentially sell them on the theme store,so here's what we discovered,all right patrick i'm super excited that,you're here today and yeah i actually,can't believe that we didn't do this,earlier um so would you like to,introduce yourself really quick,thank you jan for the invite um yeah my,name is patrick i'm the founder of the,agency eshop guide we are the fastest,growing agency in germany uh 2 million,in revenue 35 people,it's crazy people and we love shopify,and i'm happy to talk about the themes,that's awesome um okay maybe before we,get there would you also like to share,one or two sentences about the clients,that you typically work with this is,like smaller businesses larger,businesses yeah just,uh yes so we usually work with,existing businesses that,migrate to shopify,on woocommerce shopper or whatever,or with businesses who come,traditionally from a b2b space um and,who are dipping their toes into the d2c,world and just need their first job,rarely we work with real real startups,because that's usually,for them it doesn't make sense to work,with a with an established agency,because of the pricing,okay that's great and yeah as you know,today we wanted to talk about themes um,so you also do quite a few store setups,per month um so the question would be do,you guys have a favorite theme,yes um,so there are trends uh it's it's,actually quite quite funny uh from turbo,to prestige but now our favorite theme,is impulse um from archetype,um,the the story behind archetype is that,uh people who used to work for shopify,actually and um they really built the,themes,that you want them to build they they're,just awesome and they have good support,they've um they're,rather um fast in terms of performance,the themes they have a lot of um,features and they're usually,like right on top of the technological,curve what's possible with the themes,however at the moment because you you're,probably aware of that uh shopify 2.0,came out and with that um,shopify released a new standard theme,don,which really breaks records in terms of,performance and speed,and we don't see those numbers yet with,the um,paid themes,also not with imports,okay so yeah let me just wrap this up so,okay so you basically have,two favorite themes let's say impul
After seeing the third section, I believe you have a general understanding of Braver 2.0 theme shopify
Continue the next fourth section about Braver 2.0 theme shopify
How to update your Shopify theme without losing customizations
How to update your Shopify theme without losing customizations
Hey everyone.,Thomas here from Archetype Themes, here
to talk to you today about upgrading,your theme to the latest version.,Now, there comes a time in every
merchant's journey after they've,bought our, one of our themes after
they've set it up, it's running, it's,making sales and you let it run for
three months, six months a year and,eventually you'll need to upgrade.,That reason for upgrading
could be one of many.,Maybe there's a new feature that's in
one of our latest versions that you,wanna take advantage of; a new section.,Maybe there is an app that you're
trying to integrate with that works,best with the latest version of our
theme, or maybe there's a bug that,was introduced for one of many reasons
that is fixed in the latest version.,One of the things that you get when
you purchase one of our themes is,access to the latest versions for
the entire life of that product.,Actually getting that theme installed
is another process in itself.,And it will vary depending on the number
of customizations that you've made and,how complex those customizations are.,We recommend that you upgrade
your theme at least once a year,,especially before any big sales season
like black Friday, summer Monday.,Now, when it comes to upgrading,
you have three options available to,you: manually updating, the theme
updater app, or hiring a professional.,So without further ado, let's get
started exploring our first option,,manually updating your theme.,The process of manually updating
your theme involves copying and,pasting configuration files from
the old version to the new version.,In addition to these configuration
files, you might also need to be copying,customizations that were done to the
previous version, such as styling tweaks,done by a developer or modifications made
by an app when it was installed, so that,it integrates properly with your theme.,It's really dependent on your particular
situation and the setup that you have,achieved with your previous theme.,Let's take a look at how we
go about copying configuration,files from one theme to another.,So here we have our store, as you
can see, we, our published theme,has expands version 2.4 installed.,And below here we have expands 3.1
installed as an unpublished theme.,Now you can see if we were to
preview this new version of expands.,It doesn't look at all
like our published theme.,These are the default styles
that are provided with expand.,So to get started, let's go to
our online code editor, edit code,,and let's start with the global
configuration file settings.data.,So, what we're gonna do first is
select all which is command or control,a and then copy command C control C.,Next you're gonna go back to the
previous screen, where we saw both of,our themes and go to the code editor
for the new version of the theme.,Scroll down to the same
file settings.data.,Select all command a control, a and
pace command V control control B,,and finally, we're gonna hit safe.,So let's take a look at how things
look so far by h
After seeing the fourth section, I believe you have a general understanding of Braver 2.0 theme shopify
Continue the next fifth section about Braver 2.0 theme shopify
The Best Shopify Themes for Your Online Store in 2022
The Best Shopify Themes for Your Online Store in 2022
in today's video i'm going to show you,how you can make one of the best online,stores out there with ecommerce themes,that are a designed to be fast and also,high converting so,shopify has rolled out five new free,themes and 65 updated paid themes that,work with online store 2.0 features,literally so exciting so i'm going to,take you guys through some incredible,shopify themes so that you guys can,decide which one is right for your,business in 2022. each one of these,offers industry leading performance and,deep customization but can we just get a,little sneak peek here okay let's look,at some of these amazing themes so first,of all look at this one this one's,called context and i just feel like it,would be perfect for someone who is,starting like a clothing store but maybe,wants a bit more of an editorial vibe,and then this one over here look at this,one this one's called loft and i feel,like it would be so good for anyone,selling home goods so that's just a,little preview but definitely stick,around till the end of this video,because i'm going to go through a ton of,themes and just discuss the specifics on,who they're good for and how they can,work for you and your business,okay guys so what exactly is a theme so,if you think about it themes are kind of,like the skeleton of your online store,it's just going to define what your,store is going to look like so for,example,in this theme over here,this has one main image for the banner,but if you look at this one it's going,to allow you to put two images for the,banner and a theme is also going to,define some of the functionality of your,store so for example when i click the,cart on this theme it pops up as a,sidebar and then when i click the cart,on this theme it's just going to take up,the whole page,so if you guys don't already know when,you create your online store with,shopify you can choose between either,free themes or premium themes and it's,really nice because there are more and,more free themes that are being released,recently so there's tons of options,there and then as of now there's also 60,paid themes and you can find a theme,that works really easily for yourself,because you can narrow it down by,industry price and then just basically,find the design that you're after okay i,know you guys are wondering are shopify,themes better than other themes out,there and i just want to say really,quickly just want to say this from the,jump shopify themes,are,amazing they're amazing first of all if,you are not tech savvy shopify themes,were going to be perfect for you because,all of the features that you need,already come built into your theme,you're probably,never going to need to hire developer,because 99 if not 100 of what you need,already comes built into your theme,but but if you are a perfectionist like,me and let's say you do want to do like,a little tweaks and like edit,you can edit your store without touching,any code so let's just look at my screen,here for one sec because i actually do,th
After seeing the fifth section, I believe you have a general understanding of Braver 2.0 theme shopify
Continue the next sixth section about Braver 2.0 theme shopify
New FREE Shopify Themes! Should You Switch To Online Store 2.0?
New FREE Shopify Themes! Should You Switch To Online Store 2.0?
following up the release of online store,2.0 shopify has just come out with a,suite of brand new free themes for your,shopify store today we're going to break,down all the new cool stuff that's,coming up,what's going on everybody and welcome,back to the channel if you're brand new,here and we've never met before hey,what's up my name's carrie i'm the,founder of shirt school and i created,this channel to bring you the best,strategy secrets and hacks to grow your,online t-shirt apparel or e-commerce,business i want to jump right into it,today because i'm really excited that,shopify has just released four brand new,free themes for your shopify store,sense crave dawn and craft,last year in the middle of 2021 shopify,released a brand new upgrade to their,entire system called online store 2.0,now if you have no idea what i'm talking,about basically what they did is,upgraded their entire dashboard inside,your shopify account they added a ton of,new features they completely redid,the store editor the actual like website,builder where there's tons of new,features it's laid out a little bit,differently there's a lot more,customization that you can do and along,with that they released one new theme,called dawn we just mentioned it now,they've come out with not only more free,themes the four that we're going to talk,about today but also a lot of additional,paid themes now online store 2.0 as i've,been using it over the last eight to,nine months has been a huge upgrade it,really does take shopify to that next,level and take it into 2022 and it feels,like a new and exciting and fresh,experience as opposed to kind of the old,and a little more clunky experience,although i still thought shopify was,very good before the upgrade,now it just really is at a whole new,level initially a lot of the upgrades we,saw with os 2.0 were on the back end,with the coding with the language so,shopify rolled this out to developers,and just now we're starting to see a lot,of these upgrades coming to us as,sellers,let's start with dawn dawn was the first,one that rolled out uh when they rolled,out online store 2.0 and i've actually,been using dawn for a while and i think,it is the best of these four themes from,my experience now keep in mind these,other themes are brand new so i haven't,had a lot of time to really use them but,dawn has been pretty awesome and at the,end of this video i'm gonna go into the,editor and kind of show you what that,new editing experience looks like if,you're editing with the dawn theme so,let's look at what it has to offer here,and we'll look at some examples dawn is,great for clothing and accessories,health and beauty home and garden,and you kind of get some pictures and,some different things here minimalistic,design,media forward product page advanced,customization options that's actually my,favorite thing about dawn is the,customization options which i'm going to,show you uh here at the end of the video,but dawn is really really good if we,look at a pr
After seeing the sixth section, I believe you have a general understanding of Braver 2.0 theme shopify
Continue the next seventh section about Braver 2.0 theme shopify
Shopify Theme Development in 2022 with Shopify Dawn and Shopify Online Store 2.0 Tutorial
Shopify Theme Development in 2022 with Shopify Dawn and Shopify Online Store 2.0 Tutorial
so,so,huh,hello,what is up guys welcome to another live,stream how's it going,let me know in the chat that you guys,are here and alive,hopefully you guys can hear me if not,somebody please let me know before i,embarrass myself for another half hour,uh but,today i'm super excited because we're,actually going to be looking at,the new shopify online store 2.0,experience,so,if you guys aren't already aware,at the the end of july early august,shopify announced a new theme and a new,online store 2.0 experience,that,essentially makes a lot of really,necessary updates,to,what i would consider a kind of,antiquated way to build themes now,if you guys are watching this you may,have already seen uh another live stream,that we did where we actually went in,and we set up a,modern,development workflow uh using shopify,and using theme kit uh but apparently,they've just completely dropped,the support for themekit in their new,theme and the online store 2.0,experience,and,made it a little bit simpler actually uh,to go and,be able to use git,um for,uh version control and to be able to,push your theme up so we're gonna be,looking at all of that good stuff but,before we get into that uh if you,haven't already,do me a favor go ahead and like this,video subscribe if you haven't already,and click that little notification bell,because we're going to be making a lot,more content like this,for the rest of the year and well into,the future so if you're interested in,web design interested in web development,definitely subscribe but let's go ahead,and get started,so,this is actually in,end of june early july so i misspoke,but,they introduced the online store 2.0 uh,and there's this article that i'll go,ahead and i'll link in the chat,uh where they talk about what it means,for developers looks like we got some,people in the chat hey ray hey oscar,thanks so much for hanging out welcome,to the chat guys,if you have any questions at any point,feel free to drop them in there i'll be,reading them as we go,so,just taking a look at this and hopefully,you guys can see it let's make it nice,and big,online store 2.0 opens up massive,opportunities for developers building,themes and apps for shopify merchants,we've rebuilt the online store,experience from the ground up,and are introducing a new set of,developer tools to help you create,amazing experience for merchants and,shoppers let's talk about exactly what,that is before we go and we check it out,for ourselves,so the first is an upgraded theme,architecture essentially,the sections that we've become so used,to using on the homepage are now,available on every page so you're no,longer pigeonholed to not being able to,use those sections,on an about page or on a product page,without a developer before you used to,have to have a developer be able to add,that section over to that page so that,essentially only people who knew how to,code would be able to do this kind of,customization now sections on every page,it's just gonna come right out o
After seeing the seventh section, I believe you have a general understanding of Braver 2.0 theme shopify
Continue the next eighth section about Braver 2.0 theme shopify
all right guys so in this video i'm,going to be showing you how you can go,ahead and,customize your debut theme within,shopify so debut theme,is the theme that all shopify stores,start out with,by default when you go ahead and start a,shopify store and if you haven't already,opened your shopify store yet you can,start your 14 day free trial by clicking,the first link in the description,so i figured i'd make this video because,debut theme,is one of the most commonly used themes,because it's the one that all stores,start out with and the view theme,actually looks,really good so right here we can see,that this is what debut theme looks like,when it's first installed with,absolutely nothing filled out,so we can see that we have where our,logo should be,we have a big header right here with,some text we have an image here,we have three images with text below,here we have,a uh empty collection and we have,another,um header type image right here another,wallpaper image,we have some testimonials and we have,three images down here,and then we have the footer so,right now we have a nice little template,but it's blank,so if you're looking to go ahead and,fill out,your um store using debut theme,the first thing you're going to want to,make sure you have is,a few key things so i'm going to bring,up a notepad and just make sure,because before you go ahead and start,the design process you're going to need,a couple things so the first one is,going to be a logo,so i assume you already have a logo at,this point if you're ready to start your,store design but if not,then make sure you get a logo first,because everything else is going to be,based around the logo,and then we're going to have a color,scheme selected,and normally this color scheme is going,to,be derived from colors from your logo,and typically,you're going to use one to two colors,to base your entire store around and,like i said these colors will be derived,from the logo and the next thing we're,going to need,is a couple wallpaper photos,so we can see we're going to need some,photos to go ahead and put back here in,this header,we need some photos to put back here and,this header as well,so if you have any large photos related,to your business,go ahead and upload them to your,computer or,put them all in one folder so we can go,ahead and,use them as backgrounds here and if you,don't you can use,different sites such as pixabay,to find free stock images that you can,go ahead and use,so let's just type in something like,fishing,so if you had a store related to fishing,you could go ahead and just,look for different stock photos here,or maybe you have something related to,yoga,or fitness you can type in a lot,of different niches depending on what,your store is based around,and you can use some of these wallpapers,to go ahead and put back here,now obviously i do think it's better if,you have your own,custom photos but uh you know not,everyone's gonna have that starting out,so if you don't you can go ahead and us
After seeing the eighth section, I believe you have a general understanding of Braver 2.0 theme shopify
Continue the next ninth section about Braver 2.0 theme shopify
Shopify 2.0 Coding Tutorial: Building on Dawn Theme [Part 1: The Setup]
Shopify 2.0 Coding Tutorial: Building on Dawn Theme [Part 1: The Setup]
today as you can see from the title we,are doing a shopify 2.0 store coding,tutorial where we are where in,we are going to build on the dawn theme,which comes,as a starter theme with shopify in this,new version of 2.0 and in this part this,part one of the series we are going to,work on the setup and i'm going to,introduce you to shopify and the store,so,not a pre-warning but before we get,started while this course will delve,into,themes and customizing them and what,that means this is also a coding heavy,course so as you can see,let's look at this we are going to be,looking through,the dawn,theme code so this is the theme liquid,and we can see,these are,uh templates that's not i'm trying to,give an example of how like complicated,it can get um there are so many,different css files to kind of mull,through,we have all of these snippets,uh we're not really going to delve into,snippets so much,what we're going to really look at are,templates,sections and let's look at a section,yeah so again this is can be complex,we're kind of just gonna,go on the surface of this this is also,i'm kind of dipping my toes in and i,kind of want to show what i learned and,have us kind of learn together and so,that's the purpose of this tutorial,series and i'm actually i'm going to,keep explaining the purpose so this is,how the dawn store starts,right and i can go back to my dashboard,again i'm going i'm going kind of fast,but i'm going to go through this with,much more depth so if i go here to dawn,and click customize i just want to show,you what a theme,is all about and how we can customize it,in this store 2.0,i never actually used shopify before 2.0,so i'm not sure of all of the changes,but i do know a new change is kind of,just like how easy it is,not the making of the template but once,you have a template in place how easy it,kind of should be to just add in,like the top image banner i can just,select an image let's see let's add that,in,and boom and then i can talk about my,brand here,and we can go back from image banner,and i can write,hey there,you know and i can save all of this,and it's just there's a lot of uh,ability to,uh customize i can even add more,sections so i could have another image,banner at the bottom,yeah and then i could even in this image,banner maybe i don't want this overlay i,don't want the buttons there,yeah so i can just have the image,okay so we are going to go from this,dawn theme once again so kind of uh,the base the basic,theme that just comes pre-installed,in shopify so you're going to take this,theme and we're going to elevate it so,here as you can see i have a similar,very similar structure but i'm using a,different typography,i think i yeah the colors again you can,change within the theme,but there are other ways within the css,maybe we want to customize some of the,colors,i also added it so there is a video,section but i made sure the video,the youtube video could be auto played,as soon as you click i don't want to,blast the youtub
Congratulation! You bave finally finished reading Braver 2.0 theme shopify and believe you bave enougb understending Braver 2.0 theme shopify