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
Let's move on to the first section of SEED theme shopify
Shopify CLI for Theme Development (How to use)
Shopify CLI for Theme Development (How to use)
hey everyone in this video we're going,to talk about shopify cli for themes,shopify cli stands for shopify command,line interface and is the latest,alternative to shopify theme kit,previously shopify cli was a tool that,helped users create and deploy shopify,apps but since the online store 2.0,announcements in june 2021 shopify have,extended the shopify cli to provide new,functions for theme development,including the ability to serve themes,locally,so in this video let's talk about how,the shopify cli works and how to include,it into your theme development workflow,before we get started talking about how,to use the shopify cli for theme,development i want to provide some,context here and talk about where this,tool fits in compared to the other,previous tools for developing shopify,themes,when i first started shopify theme,development back in 2019 there were two,tools available slate and theme kit,i believe it was theme kit that came,first but at shopify unite 2017 shopify,announced something called slate a new,build tool for shopify themes intended,to provide a more developer friendly,scaffold for building themes,slate did have some good points such as,the ability to split up scss into,multiple modular files and update css,changes locally but over time shopify,decided not to maintain the project and,eventually announced that they were,officially ending support for slate in,january 2020. therefore slate is not a,tool i recommend to anyone anymore in my,opinion the only reason to use slate is,if you have to i.e you have an existing,slate project that you're unable to or,unwilling to migrate that left us with,themekit a simple tool for uploading and,downloading theme files from your,shopify store making it possible to work,on themes locally,and now the latest option which is to,use the shopify cli for theme,development,chances are if you're watching this,video close to the release date you,might be using shopify themekit as,mentioned shopify themekit is a simple,tool for uploading and downloading theme,code from themes already hosted on your,shopify store we can do a one-time,download from themekit or a one-time,upload from themekit or we can run the,command theme watch and allow themekit,to detect and upload changes to the,theme as it exists on the shopify store,as soon as they happen for a full,tutorial on shopify themekit check out,the lesson in my skillshare class,shopify theme development how to build,and customize your own online store the,shopify cli by comparison is a bit,different with shopify cli you first,connect the tool to your online store by,running shopify login and from that,point you can begin to serve the theme,code you have on your computer locally,running shopify theme serve the cli will,take your theme code and generate a,development theme this development theme,will come with a theme id and a theme,editor but it won't exist in your,shopify store's theme library and it,will disappear after you run shopify,logout,running these s
After seeing the first section, I believe you have a general understanding of SEED theme shopify
Continue the next second section about SEED theme shopify
Building community with educational content | Ara Katz - Seed | Atlee Clark - Shopify
Building community with educational content | Ara Katz - Seed | Atlee Clark - Shopify
After seeing the second section, I believe you have a general understanding of SEED theme shopify
Continue the next third section about SEED theme shopify
How to populate seed sample data for development store in Shopify
How to populate seed sample data for development store in Shopify
hey everyone i just wanted to quickly,share how we populate seed data and,some sample product data inside a,shopify store,why it's important,when you're working on a development,store you need some initial data like,products product pictures and,product descriptions as well as variants,shopify offers,some,seed data as well there is a,cool app,on the shopify app store however this,app doesn't cover,the,basic uh need of having,specific picture for,specific variant of the product so,here we have the,product that is populated by this app i,just extended it,for the,more,real and practical uh look and feel with,an additional option group and um,currently i have 82 variants,to fill up with the photos,and i want those variants to display,specific photo when it's chosen,obviously i don't have those photos,created and how i will proceed i just,would create a photo that will be,exactly the same but will contain,um some,text on it and essentially this text is,the the variant name,how to generate 82 photos uh,with,text on them that's the,question we're going to answer,in this video,so uh the way i'm approaching it is i'm,going to select all variants and then,open them as a bulk editor because,that's the way to,sign like mark all the names and copy,all the names so i'm just opening it at,the bulk editor,feel free to share if there is,a better,more straightforward way to obtain it,and then i'm just,making,an inspect,and,copying the,table,and creating a,new file,using sublime text i'm using,sublime for this,and assuming your developer you will use,either sublime or visual studio code or,whatever else ide you prefer,and,making the prettify,to,get back like structured,view of this uh html next step would be,to actually find so this is how it looks,like we can't use class name because uh,the shopify polaris uh using uh style,components they have random,names of the class names so what i'm,doing is i'm just marking this and,making,a shortcut,that is sublime specific to mark all the,instances of this text in the file as,you can see also present in the image,alt,so i will just grab with the additional,character here,and right now we have,all the instances,and,yeah obviously,perfectly failed,so now we have all the,labels here,and,i'm going to clean this up the same way,and we have only uh,variant,names,so that's uh,that's how,i'm getting to the file that,i do have prepared already uh the same,way,and that's called names text them,the only difference is that i created,here a string called label layer,and i will show why,in a moment so here all the,82 variants,stored,and,what's going on is that i'm basically,created here,a template it's a psd file in photoshop,where i have a product picture beneath,and,here is the text,layer which i called label layer and,that's why,we see this string here on the top one,so this is the label layer,and,the next part is basically creating a,data set,so what um we're going to do is we're,going to the define and then,choosing the the layer a
After seeing the third section, I believe you have a general understanding of SEED theme shopify
Continue the next fourth section about SEED theme shopify
The reason why Booster Theme is the best Shopify Theme (Booster Theme vs Turbo)
The reason why Booster Theme is the best Shopify Theme (Booster Theme vs Turbo)
hey guys this is mark from booster team,i'm gonna show you some difference,between,uh out of the sandbox and booster team,uh what's the real difference between,our two team um,are the all different we are in the past,year as you may already know we did,a lot and a lot of change um our theme,always had one reputation it was made,for drop shippers,that were churning and burning their,business which,in my eyes it i love drop shipping but i,don't like,i don't like the churn and burn model,this is not,the people who i want to help with my,business i want to help you build,a sustainable and nice business that is,going to help people we want,to help you build a brand we want to,build uh,to help you build something that is,going to be solid and that's going to,stay in the future we don't,we didn't like uh the monster we had,created with booster and that's why in,the past year,uh we've rebuild our whole theme from a,to z,and when i say a to z it's from a to z,we dropped,everything every single piece of code we,were having from the past,and we uh rebuild the whole team from,a to z rebuilding recording everything,to make it,uh as sustainable as possible and also,as fast as possible and just to give you,an example,um this is a turbo theme,so basically uh you can go to their,website um i'm,i'm a big fan of out of the sandbox i,love competing with them to,tell you the truth guys i love,competition um,turbo team has been a big competitor to,us for,for years and uh basically what we,wanted to do,is to uh to win this competition,so basically well let's let's uh,let's uh dive deep,inside the difference between booster,and,uh turbo team so we got boos we got,turbo team here,so basically it has a normal theme you,can change,your pre-editing your heading your,sub-editing you can say whatever,whatever the hell you want you can put a,button,as well put a button link,and super simple you got your button and,um,basically you're limited to that with,booster the way we've,built our architecture is way different,than that,if you go to out of the sandbox you can,see that they have,many different themes and let's say we,go to pixel union,you'll see that they have a ton of teams,as well,i don't know why my internet is so slow,or maybe pixelian site is slow,uh but anyway we'll let that let that,load,um the point was that every theme,developers,are developing a bunch of teams that has,different style,and they sell and market those styles,so basically they focus on for example,mobilia team and then they,then they switch written a team and,artisan team and for relaxing and,responsibility,and they do one by one a new theme based,on the,same structure than the other team but,with more features and more features and,you end up with,flex themes which is,like for me a theme that has been,kind of i don't know i don't i don't,want to say anything,but anyway and then we have,booster our company we decided instead,we'll focus on one theme only and we're,gonna make,different styles inside t
After seeing the fourth section, I believe you have a general understanding of SEED theme shopify
Continue the next fifth section about SEED theme shopify
hi there it's me adash and in this video,i have shown you how to edit your,shopify's debut theme okay,how to you know how to edit the theme,how to edit the how to,upload your logo upload images how to,create buttons,to the announcement bar everything step,by step,okay how your theme is like optimized,for like,phone for tablet species okay for,everything is covered in this video okay,so watch this video till the end to get,to know about,everything about customizing the debut,theme of your own shopify website okay,so let's get started okay so here we are,on a shopify dashboard okay,so to edit the theme of our page for,shopify website okay,just click go to this online store,option,and you can see by default you will be,on the themes,option page okay so see i want to take,some time until you see,the theme of your shopify store is like,a one-stop window dressing okay,like if like some a person is,going through a mall and they they are,different showrooms okay,so the first impression the first image,of the shop of the of the showroom,which the person or the customer sees is,like the theme of your store on,the online platform okay on your online,website your theme is like,the first impression which a person sees,the look and feel of your entire store,okay,so first let's start with the debut,theme okay which shopify pro,provides us by default okay so click on,customize,okay let it open,you see here we are on a show now with,this we can edit our,shopify's theme okay our stores this is,our store,okay and these are the options different,options to edit the themes okay,see this is like a simple like direct,response theme,editing software okay like you don't,have to customize things,like it's not that complex or technical,okay like let's see like,other store okay like we have to,as in the previous lectures we have,created our logo okay,so let's put our logo over here okay so,we see this is like which the header,option okay,so go to this header section click on it,and then you can see logo you can align,your logo to the left you can,like i can make this logo in the center,if you just click like this you can see,other store over here okay,so let's make it to the left okay and,let's upload our logo okay,select image then click on upload an,image okay then yeah,here we have our stores logo,yeah it's uploading will take some time,yeah see here we have we have our image,of our store,the logo of our store okay so that's so,easy you can see okay,then just click select it's uploaded,okay now,you can change the width of the logo,from here or anything okay so let's make,it 100 only,okay,yeah then you can change and remove,image from here okay,then these are the main menu okay you,can and edit main menu edit the,you can edit these of this menu in the,menu section of your website okay,okay then you can add the home page only,or can add the announcement,you know the show announcement like a 10,sale on our website or anything,okay so you can add this section over,here okay,
After seeing the fifth section, I believe you have a general understanding of SEED theme shopify
Continue the next sixth section about SEED theme shopify
How to Debug Shopify Themes (Troubleshooting in Shopify Theme Development)
How to Debug Shopify Themes (Troubleshooting in Shopify Theme Development)
what's up youtube hope you guys are,feeling refreshed from the new year and,ready to dive into some more,shopify theme development in 2021 and,beyond,today i've got a video i've been,planning for quite a while actually,we're going to be talking about,troubleshooting when it comes to shopify,theme development so if you're finding,yourself getting stuck while developing,shopify themes,and needing clarity around what's gone,wrong then definitely stick around,i'm gonna show you some hacks and,strategies that will help you a lot when,it comes to finding,and fixing errors in your code so let's,get started,straight away,so in today's video we're going to look,at strategies and tools,to use in order to troubleshoot when,writing,shopify liquid code json schemas scss,and javascript let's start with shopify,liquid,alright so in this video just like a lot,of my coding tutorials here on this,channel,involving shopify theme development i'm,going to be doing this from the,environment,of my developer store chris testing shop,so if you've done my tutorials before,you should be well familiar with,what this store is and how i created it,if not,you can create your own development,stores by just going to,partners.shopify.com and signing up,it will allow you to create as many,development stores as you want,and then you can use that as an,environment for,doing shopify theme development the,other thing i've done here,is i've duplicated the standard debut,theme which comes,for free on new shopify store installs,and i've just added a page template,before i show you any further i'm just,gonna,increase the size of everything zoom in,nice and tight so that you guys can see,everything clearly,sorry if everything's a bit too big on,the screen but this will save me from,having to zoom in,alright so what i have done is i've gone,into the code i've created an alternate,page,template so as you can see here i've got,page.testing.liquid,how i did that was i just went into here,select page,put in testing hit create template and,then after you do that,you go into pages add a new page i've,already got mine here,and then you just change the template,suffix to page.testing or whatever yours,is called,just note that the page template or the,alternative template whether it's page,or product or collection,needs to be on the live theme so just,make sure you create it on the live,theme if you want to select,it in your admin alright so this is the,page we're going to be working off i'm,going to hit,view page and you can see here we've got,the title and the page content which is,currently blank so,this is coming through as blank and then,i'm going to go back to,my themes here and let's dig into the,code,by going to actions edit code as you can,see,page.testing.liquid is already open so,i'm all good,i'm going to click this icon to hide all,the other stuff give us a bit more,screen real estate,and i'm going to demonstrate to you guys,now what i see,as the biggest issue when doing shopify,liquid c
After seeing the sixth section, I believe you have a general understanding of SEED theme shopify
Continue the next seventh section about SEED theme shopify
The Perfect Shopify Niche Store
The Perfect Shopify Niche Store
i've been seeing a really interesting,trend unfolding in the e-commerce world,a lot of brands are starting to,diversify their product range a lot even,if it's totally different from their,initial products that they started the,brand with and in this video what i want,to do is show you an example brand like,this so that you can kind of understand,what i'm talking about now this isn't,just any brand this brand is beautifully,designed so first of all we can learn,from their brand aesthetic but this,brand is generating nearly a million,dollars in revenue every single month,likely more these are just estimates,that i make based on traffic and,oftentimes these are actually,conservative estimates just so you guys,know so it's not like i'm just getting,these numbers out of thin air i am,looking at the traffic distribution of,these stores so i think this is going to,be a really important video because it's,really inspiring to see brands,succeeding in weird ways right like,things that not everybody's doing and,when it comes to this shopify e-commerce,niche a lot of people get stuck copying,the same things that drop shippers have,been talking about over and over again,and i'm not hating on that i'm not,saying you can't succeed doing that i,definitely think you can make money or,at the very least learn a thing or two,from that but i'm personally a really,big fan of branding and building up your,store as a piece of art i'm really big,into art and stuff like that so that's,how i view these stores and a lot of you,guys follow me for shopify related,content even though a few of you do,follow me for investing and like crypto,stuff if that's you leave me a comment,if you want me to make more videos,relating to those topics because i am a,big fan of that space for sure at least,the legit stuff not the scammy stuff but,here's the store that i'm going to be,showing you it's called cotton and real,quick if you don't know who i am my name,is ari and i've been exploring and,navigating the digital space since i was,basically a little kid and what allowed,me to quit my job and start pursuing my,entrepreneurial career was e-commerce,we've generated seven plus figures with,my team and we're still growing i've,been documenting a lot of my journey,here on youtube which has been really,dope and i've been able to build this,beautiful community so consider,subscribing if this type of stuff sounds,interesting and take a second to give,this video a quick like it really does,help the exposure of the videos it's,annoying as hell to hear that trust me i,know but man it really does help with,the youtube algorithm i don't know what,to say about that so thank you if you,did that real quick and let's look at,the store so the store is called the,cotton pretty clever name these guys are,naming geniuses really what they sell is,just cotton related products but also,just like home decor i mean they even,got a praying mantis here on the on the,main home page so like it really is kind,of hard
After seeing the seventh section, I believe you have a general understanding of SEED theme shopify
Continue the next eighth section about SEED theme shopify
How to Add Custom CSS to Shopify Theme ( Shopify Basic Tutorial )
How to Add Custom CSS to Shopify Theme ( Shopify Basic Tutorial )
hello friends welcome to our youtube,channel in this video tutorial we are,going to learn how we add our custom,style how we can achieve that in this,video we're gonna learn how we create,the,style seeds file so first of all i am,come to on my theme and here is my theme,i am going to expect this,so,when i expect the top header it shows me,the paragraph,and,here we can add our classes,over the announcement so i click on this,and,add a background style which it's let me,blue,and yeah it's going to blue and changing,the color little bit to,looks better,and yeah is this yeah and think,it's okay fine and going to paragraph,sections where the classes and i add a,color,it's about to,uh,yeah white font size implement in 30,pixel looks great great yeah 22 23,okay i should be implementing font,weight yeah to look some,good yeah 7 700 so here we are inspect,and i just grab this code,css,and going to our,admin panel and dashboard,so here we go first of all we go to our,online store sections,we have to we can,backup to download our theme file so we,store the whole thing file go to edit,sections,after the edit section we have to just,uh close this,extra tabs,and,search the theme,dot css,it should be yeah it's,theme oh it's not here because my theme,is,new theme unpaid so,i can choose a file upload a file or,create a file so basically i create a,file this is a sets so i create a theme,dot css and yeah i created a file for,this,for after the created file it should be,around there,uh yeah yeah that's cortney,close this,yeah assets so base dot css this,provided to our css by,shopify theme and here you have a theme,dot css,so what should we have to do,i have to do,just call css,and you can,see your file it will be there,if i inspect this where you come from,css so they shows the base dot css file,so all over the css comes from basically,base dot css file,so we can implement on that file or we,can add,the css to our new theme file,so i'm going to search which i have,created,i am going to and paste it here then the,save button,and the set is safe go to theme liquid,and here we add our styluses file,and yeah we go to css style style,no it would be css or style okay just,wait hold a second yeah here got the,base dot dsf file,is the the basically structure of the,shopify theme which you provide how to,add your new file so i am going to add,the same,this is the set url which you provide,and this is a style tag going to change,this name my new theme is the theme dot,cs i'm going to save it also in the,section i'm going to say just refresh it,and here we go we can add our new css,we created a new theme file and add the,new css,which is basically override the base.css,okay,so we can add,the css,easily method nothing just create or you,can implement on that,so in this video we are learn how to,implement the css,you
After seeing the eighth section, I believe you have a general understanding of SEED theme shopify
Continue the next ninth section about SEED theme shopify
lalalalala oh I'm life hey welcome to,day number 14 of the Busytown 3,challenge I am pumped and excited to,give you guys a jam-packed power pack,session it's going to be we're going to,be dropping knowledge bombs all over the,place all right so pay close attention,to this session like always have I ever,let you guys down have I ever given you,even a single session where I haven't,given you one thing of value right so,your hair you know the value are about,to receive so first off we just ha I,just want to show this to you guys I,don't know how to hold on let me just,show this to you guys I'll actually show,this to you in just a bit,alright so let me just make sure I have,everything in place to deliver a Power,Packs session all right woohoo we am I,got Taunton in the houses from France,hey Taunton how's it going what's it say,Bonjour Bonjour Taunton and we also have,my mom in the house welcome,alright so we're gonna let some people,come in and we'll be beginning in about,one or two minutes so hold on to your,seats make sure you have a piece of,paper and a pen will not dispense this,is my duty pad pen but make sure you,have some pen on which you can write and,take notes because this is just going to,be just exciting stuff up ahead guys,just exciting stuff alright so I am,pumped I want to show you some stats and,I want to show you what's happening,right now with the store and several,other things I want to share with you so,give me just one minute to make sure I,have everything in place by that time,you grab a cup of coffee or grab,something and yeah let me just start off,in about 60 seconds all right woohoo,alright so is what I need to show you,our I know Burlington's not a common,tender common panda common panda is the,name of usto common bandai's like ward,it's like word common panda is the best,store ever,alright so this is pretty interesting,this is something that I would love to,show you guys,alright panda win panda win admin panel,I'm gonna show you guys the latest stay,at CEO a latest stats alright so next up,I want to go to apps is it amps your,amps I'm gonna go to apps and I'm going,to go to Facebook profile not Facebook,feed just give me like 30 seconds and we,will be beginning of today's session,alright alright alright alright alright,so let's select this one a boom,alright so ready or not here we gray we,also have see not see not come she is,from Sri Lanka,we have Nelson from Malaysia,I love militia was in Lanka V a few,years ago it was amazing Lanka V is an,amazing island next up we have a Deborah,Deborah like always dedicated you have,been showing up I hope that you are also,implementing from what I know you from,how we speak spoken in the past you are,an action taker and it is just amazing,to see you at work and build stuff up,Florence Florence is in the room hey,Sasha welcome I hope you're doing well,with your upcoming baby alright so let,me just go to shady wood post Rangers,because I want to show you guys an ad,also I'm just loadin
Congratulation! You bave finally finished reading SEED theme shopify and believe you bave enougb understending SEED theme shopify