Shopify Editions - What this means for developers (Summer 2022)
last year at shopify united 2021 we saw,a set of big changes to the online store,experience with online store 2.0 but,this year things are different first of,all shopify hinted on their blog last,month that shopify unite would not be,returning in 2022 and on june 22nd they,announced a replacement to shopify unite,called shopify editions which if i,understand correctly will be more,frequent than the previous shopify unite,conference that ran annually within this,summer 2022 edition shopify have,announced a bunch of cool changes to the,platform but if you actually give the,developer landing page a read you'll,notice that almost none of it relates to,the online store sales channel or theme,development does this represent a move,away from theme development from shopify,and what are the biggest changes to,shopify announced in this new edition,let's discuss in this video,so first of all i'll start off by saying,that one of the new updates that didn't,make it into the shopify editions summer,2022 developer landing page is right,here in your meta fields settings if you,head to the meta field section of your,settings you can now see that meta,fields are available on all resources,plus you can add a list of values and,add some input validation to your fields,as well,this is definitely going to come as a,relief for some of you guys relying on,metafields to extend your shopify store,database but it's not exactly an update,exclusive to the online store sales,channel,i want to draw your attention to this,animated diagram that i think perfectly,summarizes the new summer 2022 updates,this is from the shopify functions,announcement video here's your typical,dev stack,state is managed in a database,application logic is implemented in the,back end and the presentation layer is,implemented in the front end,historically shopify has made the,database layer available through apis,and more recently has supported,extending shopify's data schema with,meta fields and meta objects and made,the front end extensible with liquid and,hydrogen the shopify back end code has,really been off limits,open source solves this by giving you,control over all three layers of the,stack then you own hosting and security,and as soon as you touch the code you're,on a fork,with shopify functions we now allow,third-party devs to extend or replace,key parts of shopify's backend logic,with custom code this represents a,radical step forward for building,commerce experiences,okay so there's a lot of tech talk in,there but let's rewind it and break it,down a little,shopify has made the database layer,available through apis and more recently,has supported extending shopify's data,schema with meta fields and meta objects,so this is what we just discussed around,meta fields before uh we started,watching this video let's move on and,made the front end extensible with,liquid and hydrogen all right so you,should of course know about liquid here,if you've been working with shopify for,a while but what does
Let's move on to the first section of Editions theme shopify
Shopify Tutorials -3: How to Upload Shopify Premium theme customization tutorial
Shopify Tutorials -3: How to Upload Shopify Premium theme customization tutorial
hey what's up everyone nasim once again,and in this video i am going to talk,about the premium theme and how you can,customize it easily by yourself,so let's see,so guys,in this video i'm gonna tell you the,premium theme so if you visit the,theme.shopify.com you will see the lot,of premium theme in this store so it's,the shopify theme officially store,if you are a developer and you can,develop a shopify theme and you can also,submit it here through partner,integration and sell this theme and earn,money,and if you uh,are a,and if you are a dropshipper want to,make shopify store,by doing premier look you can buy it for,you also if you want to work with for,client you can learn customize,this store and,making money from online so the here is,the,three option for making money online i,already discussed you,so i am not a developer so i don't want,to submit the theme here i want to,customize it for my client so that's why,i am going to download it and,install it in the shopify store so i,already have the premium theme in,my computer if you don't have premium,theme you can download a purchase it,first and then you can download it,so,most of the time client are using,premium theme because premium premium,theme,also look good but if our new in-drop,dropshipping business you can i stay,with,the free theme,so,let's see how you can install the,premium theme in your shopify store,so,i am,in on the shopify back in so,you can log in your shopify back in,just,go on your website url and slash admin,and just input your password so,if you want to,upload your theme just,go on this,option and click on that so here is the,two,here is the two option you can upload,zip file also you can connect with,from github,so,a github is another option to,connect,premium theme but i love upload zip file,because i already have it just click on,the zip file,and click on add file and i am going to,my desktop and my shopify and this is my,premium theme,and upload it,it's need a little time,uploaded because it's only,for,1.32,megabyte theme,so my theme is uploading now,it's need some couple of time more,so,just,see,our,recent store so this is our current,store is the,basic free theme and,we are uploading our premium thing,so our theme is successfully uploaded we,have to just,published it just,click on this drop down menu and,click on,publish,and click on publish,and now,see the preview,so this is the premium theme you can see,the gorgeous look and,so this look very professional so our,store was like this and now it's look,like this so this is the,professional theme,let's see how to customize it,go back our theme panel and click on,customize button,you can easily customize uh,the theme here because it's adjusted,drop down menu and you can see the all,the function in the left hand side,and,if this is announce bar it's called,announce bar and it's a header,and it's a mega header,it's a multiple a single,multiple column single that's it so this,is the slide you can also send the slide,title
After seeing the first section, I believe you have a general understanding of Editions theme shopify
Continue the next second section about Editions theme shopify
Shopify Themes - Free, Paid or Custom? (The Honest Truth)
Shopify Themes - Free, Paid or Custom? (The Honest Truth)
so far on this channel we've continued,to go deeper and deeper into shopify,theme development but today i want to,zoom out and talk more broadly about the,need for theme development to begin with,if you're new here i'm chris and i,currently specialize as a front-end web,developer for the shopify platform i.e i,do shopify theme development but if,you've clicked on this video i'm going,to take a guess and say that you don't,actually need my services let me explain,so given that i've built a bit of a,reputation for this kind of work i get a,range of people reach out to me some of,which are just starting out in,e-commerce and to virtually all of these,people i tell them to start with a,pre-built theme and focus on customizing,their theme later,why because as a new store owner your,primary goal should be on sales and,marketing not on getting your theme,perfectly customized i'll be honest a,custom site for me is typically going to,come with a five figure price tag and if,you don't have a ton of traffic on the,site yet that budget is probably better,spent on generating traffic instead,pre-built themes whether free or paid,will do the trick for the majority of,sellers and with premium themes starting,at a price tag of just around 220 usd,it's an easy investment to justify that,is until you reach a certain level,that level is typically when you start,to turn over more than a million dollars,in revenue at this point you have a real,business and with around 40 profit,margin you're making around 400k which,you can start to split up between,marketing and website improvements,people often ask me do i build websites,to which i answer no i customize,existing ones regardless of whether,you're just starting out or a few years,into your business,very rarely is it the case that i as a,developer need to create a brand new,theme for a client,most e-commerce sites have similar,features almost every product page has a,set of product images a product title,description price product form,and the add to cart button so there's no,need to reinvent the wheel but with a,bit of theme development we can add,extra features to the product page make,unlimited changes to the styling of this,page and this is where theme development,comes in,while the theme might come with some,customization options the only way to,achieve full control is enlisting the,help of someone who understands,front-end web development on the shopify,platform so with this in mind let me,directly answer the question in the,title of this video,the first decision you need to make is,free or paid theme as i mentioned,earlier this is going to be a question,you need to answer no matter whether you,plan to create a custom site or not as,it's almost always more cost efficient,to start with a pre-built theme and this,decision i would recommend you make,based purely on your budget if you can,afford the two to three hundred dollars,required to buy a premium theme then i,definitely recommend you do it,at the time of record
After seeing the second section, I believe you have a general understanding of Editions theme shopify
Continue the next third section about Editions theme shopify
- Welcome to Inside Shopify UX.,I'm your host, Lola Oyelayo-Pearson, UX Director
at Shopify.,We are here with some extra bonus content
for season two.,And first up is an episode to celebrate the
release of, drum roll, Shopify Editions.,But before we get into that, I wanna give
you a quick peek into something different,we're doing for season three.,Now, in addition to me, you'll also see lots
of-,- Me Sadia Latifi, UX Director.,- And me, Yesenia Perez-Cruz, UX Director.,- That's right, three hosts.,Welcome.,- I'm really excited to be here to learn more
about Shopify Editions, which was a huge feat,to bring together product and marketing teams
across Shopify to tell the story of our product.,Now, I'm really excited to hear about all
the work that it took to make it happen.,- Yeah, it's gonna be pretty exciting.,And we're doing the deep geek version on this
episode, not like the marketing version.,Like the deep how we made it.,So Sadia, tell about it, tell us.,- I'm so excited for y'all to say this one.,So I got to chat with our marketing UX Director
Maggie Fost, Design Lead Stephanie Chan, and,Senior Staff Product Designer Jordan Ouellette
about the creative process behind Editions.,We get into the very interesting origin story
behind the project and talk about the wild,and fast collaboration process between product
and marketing.,I'm also excited 'cause we went deep in Figma
on this one and had a really juicy conversation,about how we navigate subjectivity and risk
taking and creative work.,- Yeah, I am excited to see the Figma zoom
out and zoom in.,So let's dive straight into the episode.,- Hello, hello.,I am very excited to be talking to these fine
folk who have been working tirelessly over,the last three months on something we just
launched this week, our very first Shopify,summer edition, which you can check out at
shopify.com/Editions.,Before we dive into the nitty gritty of that
project, I would love for all of you to introduce,yourselves.,Just tell us your name, where you're based,
and what you do at Shopify.,Let's start with Jordan.,- Hey there.,My name is Jordan.,I'm a Senior Staff Designer at Shopify, of
course.,And I work on a team that works only across
our product in looking to help elevate and,bring up the quality bar of the experiences
that we ship.,So not dedicated to any one particular project,
but kind of many things in many teams in many,areas.,- Free agent.,- Yeah.,- Maggie, how about you?,- I'm Maggie Fost.,I am a Design Director leading a creative
team that works on product marketing for kind,of all of Shopify's core offering based in
Toronto.,- Hi, I'm Steph Chan.,I'm a Design Lead.,My home team was revenue marketing, which
is based on large merchant facing marketing.,And I've been working with Maggie Fost on
Editions since March.,And I'm based in Vancouver, Canada.,- Awesome, thanks to all of you for taking
the time.,Okay, so let's jump right in.,Editions, what are they, Maggie?,- What are Editions?,So at Shopify, Editions
After seeing the third section, I believe you have a general understanding of Editions theme shopify
Continue the next fourth section about Editions theme shopify
Shopify Editions: connect to consumer (Summer ‘22)
Shopify Editions: connect to consumer (Summer ‘22)
me,to the shopify summer 2022 edition this,is talking shop my name is leo this is,waldo we're both e-commerce strategists,and this podcast is about merchants who,are serious about growing their business,online and i think today well though,we're going to talk about some really,cool features that have just been,released yeah by shopify yeah this was,actually not this podcast wasn't even,going to happen we had uh one more,scheduled for this season and then all,of a sudden shop quite dropped a massive,bombshell on us actually was it,scheduled did we did people know this,was coming or was it just like here it,is um our partner manager sort of let us,know look there's a fair few updates,coming out and they teased us with the,b2b to start getting some early feedback,from people but they said that not,allowed to tell anyone so i think on our,last record did you tell anyone no no,well no one outside of cyber really,just checking yeah and so i think i,alluded to that on the last podcast um,that there are some cool things coming,well all of a sudden they drop this,bombshell on us with,over a hundred updates 100 items crazy,hey so some of it is stuff that has,already been available since around,october last year when they did the last,big update i can't remember what that,one was called it was called like uh i,can't even remember but anyway um so is,that cheating there's a hundred items,but some of the items already been out,for quite a while yeah but it's also,like you know when they put these things,out they sort of get some feedback from,people a lot of the stuff was developer,mode if you call it that almost first um,and then,yeah now it's all there man so so much,to unpack here where do we even start,well,i would say let's hit it with what you,think is the most important changes and,we'll work through it okay we've got a,little bit of a list you and i here so,let's start with what you mentioned,already the b2b yeah exactly so the,whole thing was called the focus of this,shopify editions which is now going to,happen twice a year was called,connecting to consumers right so a lot,of what has come out just is going to,assist merchants to be able to connect,to their consumers a lot more there is,so much some of the ones that i um well,let's do the first one which you said,what b to b right hit me to be so this,is something that we've been asking for,for a long time um in this shopify space,b2b has always been something that was a,work in progress and could have been,done better but i think what they've,gone and done now is made it only,available on plus okay so plus already,had a wholesale channel they'd have a,wholesaler but a lot of the feedback and,use cases weren't that great because it,was crap yeah it was pretty,it was pretty basic right so you could,create like some tagging rules and you,could create a wholesale store or,wholesale version of your store people,can log in and they can get access to,better pricing or um you know tiered,pricing did you kn
After seeing the fourth section, I believe you have a general understanding of Editions theme shopify
Continue the next fifth section about Editions theme shopify
How to use Shopify CLI 3.0 for Theme Development and deploy themes to different stores.
How to use Shopify CLI 3.0 for Theme Development and deploy themes to different stores.
Globe again in today's video we're going,to speak about Shopify CLI 3.6 3.2,whatever you want to call it and before,we get started I just want you to know,that I have tried it I have give it a,shot and it's really awesome and you,will see we will get to all the features,in a second so bear with me and you will,also need to know that the old version,will no longer be supported until uh,like I think it's 31st May of next year,and usually some people still use 10K,because well some Futures teamkit has,some advantage over the old CLI version,especially for team development but now,with 3.x it's really you will see that I,think everyone will make great to 3.6,once once I show these Futures so yeah,I'm really really excited because you,will see all the features in this in a,second,but before we get started with the code,you will actually need to migrate to the,newest version,and to migrate they have if you click,Shopify CRI in the documentation they,have a really easy migration guide and,especially if you are on Mac since,Michael you have to do if you have,installed it with Homebrew all you have,to do is really click home brew upgrade,Shopify CLI if you have never installed,Shopify CLI in the first place all you,have to do is just Brew I think add,Shopify CLI and it will go to it will,install the latest version which is,um which is 3.22 for me so yeah,if you are on other uh machines like,Linux or revi or,excuse me or Windows you probably have,installed it with Gem and if you have to,if you had installed it with gem you,need to uninstall the old implementation,and install the new the new,implementation using uh using npm or,yarn or pnpm whatever you like since,it's now hosted on npm because it's a,typescript package it's a node package,and it's no longer a ruby package since,the newest version is actually,built using a typescript the old version,is using Ruby the newest version if you,if we check the GitHub you will see it's,Rewritten in typescript it's not fully,Rewritten in typescript it's actually a,wrapper especially for the teams part,it's a wrapper over the typescript,implementation over the old Rabbi,implementation sorry so yeah,uh now all you have to do is just click,here on global ads at Shopify and it,will add Shopify you will need to,install the core package which is,shopify.cr day and then install the,plugin yeah it's a plugin uh you will,see how the Shopify team commands all,are a plugin it's actually a plugin that,is added to the core CLI to support,Shopify team Commons so now if I,actually once you do that you will have,the latest version,and once you do that,um you can also still use the old,version of the Shopify CLI uh but you,will have to call it to change the pads,especially if you are if you have,installed it with Homebrew you will have,to change the naming using the pads like,like we do if you are if you're ever,used python for example we have python 2,and python for python 3. that's that's,reminds me of that,um the old implementat
After seeing the fifth section, I believe you have a general understanding of Editions theme shopify
Continue the next sixth section about Editions theme shopify
The New Shopify Editions: What You Need To Know (Summer 2022)
The New Shopify Editions: What You Need To Know (Summer 2022)
hello everyone my name is,as you know here i'm sure about how we,can customize our shopify theme,and create new one from scratch,so far we have completed our themes all,functionality almost all functionalities,but,we are working on some new,and,adding them,today i'm not going to show how we can,customize our shopify theme,or any code related,so,i will share,here about shopify,edition which is this week,two days two days ago they have shared,about this one,on article,and they announced the shopify edition,and this week,two days ago,so i will show you,what they have,created new things and share about,so let me jump into,my browser first,let's see,youtube,if i,dab,the first thing we see on dev the,shopify additions banner,let's click on sheet,see what's new,here the first thing we,see what they have created,they have created new,shopify build,for build,what this do,they,almost eliminated shopify see a live,from,our shopify's,for app development so what they have,did,we,can,manage our shopify app by,node like node apps,let me show you,before that we have to uh,before this update we have to do my,shopify,app uh create node app something like,that command but now we can manage by,npm init show view at the right shopify,then app,the latest,and this will ask our template like,before,we have to do like app develop,ruby or a,ruby app php app or node app so this is,about that one,so once we have come,around this app this info,interface will be,here let me zoom out,then it will ask you the name of app,then and this will process all,everything,the next thing we have to do in cd name,name of our app,in folder and then we have to run,like,react app,react or next app,we have to run this by dab,then you can,this will uh,this will show you,shopify installations url once you have,clicked on this one this will install,your app on,any,development store,like this one so once this,installed you can,work like before,just like before you did work before,the next thing they have uh,work on shopify functionality which is,uh,most likely related to front-end uh apps,like before,and last year they have,uh added shopif uh no software hydrogen,uh,for hydrogen that was on beta version so,now they have not,hydrogen 1.0 which will be more likely,work on,shopify's,own server uh will work on on server i,will show you in second,so this will be our front end will be,our shopify's,not shopify hydrogen's front end and the,back end will be our shopify and,database will be a,meta fields meta objects or apis,so they work on this one so,we have to,we can work like,more accurately now,the next thing is shopify's uh checkout,page,extensive extensions,so while we are creating a new app,they will ask you,where you can,you want to create app for shopify app,to install whichever you want so if you,are going to use checkout the,extension so this will ask you where you,want,to show your,visits or extensions,so this will be a pretty,pre-built so we,we can't customize,shopify checkout page fully like
After seeing the sixth section, I believe you have a general understanding of Editions theme shopify
Continue the next seventh section about Editions theme shopify
Prestige theme Shopify Customization Tutorial | BEST Shopify Theme 2021
Prestige theme Shopify Customization Tutorial | BEST Shopify Theme 2021
welcome to ecom ranks,are you looking to customize the,prestige theme using shopify platform,okay then you are at right video in this,video i will guide you,uh on how you are able to customize or,design your website,using prestige shopify theme okay so to,customize prestage shopify theme,let's start our video okay so,in this page i have uploaded fresh copy,of the prestige theme then we need to,click on the customize button,okay so now it's a fresh copy of theme,has,been uploaded and it is showing empty,sections,so let's start our video i will delete,some of this section and add some of the,new sections,to make according to my website okay so,first,we see the pop-up just forget it for now,i will,let you know about it at the end of the,video,and for the sidebar menu i don't have,this is the sidebar menu,yeah i don't have a large niche accord,actually this is fitness store so i have,only six to seven products so that can,be adjusted within the main menu,and if you have if you want to add the,site menu and if you have,products around 500 to 600 then it will,be good to add the side menu,otherwise just add the main menu just,like i have added here,okay click on the back button for the,announcement,sec as announce something here here is,the section,for it okay click on it and,for the text i have to add,this text i have already written it,okay so just copy it and paste it over,here,so free shipping our dollar fifty plus,free returns,you can add your offers according to,your requirements for the background,color,i will use,this background color,okay so let me set this color,okay so now it's good for the text i,just use the white color text,okay so click on the back button,and hit the save okay so,to check the mobile version of your,website,you have to click on this icon and then,select mobile,okay so now it's your website version,of uh view in mobile and that's,that's the desktop window okay so,now the another section is called the,header,this is the header section let's,customize it simply click on it,and i i don't want to use,the sticky header so so you can untick,this option basically the sticky headers,means that when i,scroll my web page the header is moving,downward,along with me so i don't need it because,it covers 20 percent of,my web page space so just,remove it remove this feature and for,the logo,i will add my logo over here,and to increase its width you can,increase it accordingly okay so,okay the one thing i want to tell let,you know that,i want to remove this transparent header,okay so just like,here just untick it this is the,transparent header,you can check it here over here when i,move my mouse,from here it's get transparent,so to disable it simply untick this,option,now it's get disabled okay,if you want to use the transparent,header simply click on this icon and,then,add your logo over here okay so,the next section is slideshow section,let's,add the image related to my niche,so firstly i will add this image,okay so for the mobile,image
After seeing the seventh section, I believe you have a general understanding of Editions theme shopify
Continue the next eighth section about Editions 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 eighth section, I believe you have a general understanding of Editions theme shopify
Continue the next ninth section about Editions theme shopify
The TOP FREE Vs. Premium Shopify Themes of 2021
The TOP FREE Vs. Premium Shopify Themes of 2021
welcome to a new video for today my name,is baird welcome to baird business and,in today's video we're going to be,talking about,shopify theme free themes versus paid,themes which shopify themes i recommend,we're gonna go over a couple demos we're,gonna do all that in this one video,today's consulting call winner is right,here congratulations message me on,instagram and we will set up a time to,talk about whatever you want,it's a free 30 minute consulting call,guys if you want to win that consulting,call every single video i do one,all you have to do is one like this,video like down below,two be subscribed and three comment ecom,e-c-o-m,and that's it you're entered to win a,free consulting call now that we covered,that let's get right on into the video,all right free aversed paid themes the,good the bad and the ugly,2021 edition the last video i made about,shopify themes was in 2019 and you guys,seem to really enjoy that so,here we are in 2021 and we're going to,go over some themes so,let's begin alright so how do you pick,the right theme,a lot of people want to know that to,pick the right theme you first really,need to understand what your plan is you,need to have,somewhat of a plan or goals or an idea,of what you want to do what you want to,sell,that needs to be step one so if you,don't have that start thinking about,that now there are a lot of different,stores you can run,you can either run a niche store a niche,door for example would be a pet store,they sell only pet supplies you know dog,collars,leashes toys all that kind of stuff that,is a pet niche the next one would be a,general store,and general stores sell every product,under the sun they sell everything just,it's pretty self-explanatory they just,sell,so the next one is a niche general now,what is a niche general baird you might,be asking,a niche general store is a store that,starts off as a general store,and while you're testing products trying,to figure out what works for you let's,just say you find a product in the,hiking or camping niche you will then,orient your whole store,towards that one winning product i,personally really like niche general,stores because you can cast your net out,wide and then if you find something that,works,you can basically double down on that,and it gives you a lot more opportunity,to succeed when you're testing different,products now the next one is a one,product store that's pretty,self-explanatory,you have a store that sells one product,planning on testing a variety of,products then a general store or any,store would be great for you,this list isn't pick one or the other,you can easily transform a new store,into a general store or a,one product store into a branded store,you know if you're selling a product,obviously if you're just getting started,you're not having your brand logo isn't,on everything you don't have custom,packaging you don't have everything,set up which i don't recommend you do so,now that we covered some of the types of,shopify stores
Congratulation! You bave finally finished reading Editions theme shopify and believe you bave enougb understending Editions theme shopify