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
Let's move on to the first section of ShopifyKit starter theme 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 first section, I believe you have a general understanding of ShopifyKit starter theme theme shopify
Continue the next second section about ShopifyKit starter theme 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 second section, I believe you have a general understanding of ShopifyKit starter theme theme shopify
Continue the next third section about ShopifyKit starter theme theme shopify
🔥 Shopify Starter Plan Review ✅ $5 Shopify Starter Plan 2023 Pros & Cons
🔥 Shopify Starter Plan Review ✅ $5 Shopify Starter Plan 2023 Pros & Cons
Shopify startup plan review so as you,can tell by today's video title we've,got some exciting news because Shopify,has a new plan called the Shopify,starter plan where you can actually sign,up again I'm going to provide a link,down below to this as well by the way,but essentially you can start up and get,started with Shopify for only five,dollars a month which is absolutely,crazy so I'm Gonna Leave a special link,Down Below in the video description for,you but basically to the best of my,knowledge it seems to be at their,replacement for Shopify live,and it's just crazy crazy news because,again if we go over to shopify's,original website and if you do want just,a free trial of Shopify just their,regular plan I'll put a link down below,to that as well but if we go over to the,normal price and like the most popular,plan like basically the cheapest plan,normally is only going to be 29 a month,so the fact that you can get Shopify a,startup plan right here for only five,dollars a month which is going to be,their new plan it's just absolutely,insane again if we go to the website,which I'll provide Down Below in the,video description for you this is what,it looks like at the time of recording,today's video,you can get started right here for free,and you can start your free account so,you can start up a phrase what they're,saying right here,so you can put in like where your,business will be located so in the,United States in this case,as an example and then you can create a,Shopify account you can continue with,email Apple Facebook and Google,but I'll get back to that in a second,actually I want to scroll down below,right here so it goes over local,information right here so you can jump,straight into selling so we've started,you can your store is ready to go in,just a few clicks,and selling power powered for social,monetize the link in bio,grow as you go,it has a bit of FAQ right here as well,so what is the startup plan basically,well the starter plan is the easiest,version of Shopify at five USD a month,you can create a starter store in,minutes powered by shopify's industry,best checkout experience startup plan is,ideal for selling products for social,media email SMS WhatsApp and anywhere,else you might want to share get a link,to the product plus you don't have to,spend a lot of time effort setting it up,and with optimization for mobile devices,the startup plan makes it easy for,customers to make purchases wherever and,whenever they find your products,you can obviously upgrade so they go,over kind of upgrade to other Shopify,plans and they say when you and your,business are ready for more selling,features customization and sale channels,you can easily upgrade to different,Shopify plans that fits with your needs,without losing your orders data or,settings so if we go over here like I've,said during the start of today's video,there's all the different plans you can,upgrade to later on but,um the fact that there's like a five,dollar a month plan is pretty
After seeing the third section, I believe you have a general understanding of ShopifyKit starter theme theme shopify
Continue the next fourth section about ShopifyKit starter theme theme shopify
How To Design A Shopify Store In 10 Minutes (Step-By-Step)
How To Design A Shopify Store In 10 Minutes (Step-By-Step)
having a bad website will kill your,chances of success on shopify even if,you have the best products and ads it's,so much harder to see results with a low,quality store so in this video i'll be,sharing the exact store template that,i'm using right now to generate over a,hundred thousand dollars a month and,i'll be showing you step by step exactly,how to easily build one for yourself if,you're new here my name is jordan and,i'm currently documenting the entire,process of growing my ecommerce brand,with as much transparency as possible so,if you're interested in starting your,own online business make sure to,subscribe for new videos every single,friday also just want to say thank you,guys so much for 50 000 subscribers so,to give back to you guys i'm gonna do,something that i usually don't do i'm,gonna give away a free one-on-one,coaching call to one of you to enter the,giveaway just drop a comment down below,follow me on instagram and dm me when,you're done i'll be announcing the,winner for this next friday anyways,let's get started with the video,first things first here are some live,results that i'm getting with this exact,template so as you can see halfway,through the day i've already done over,2500 in sales and if we look at,yesterday's stats you can see that this,store is averaging around five thousand,dollars a day everybody is always asking,about profit so let's take a look,yesterday i did around fifteen hundred,dollars in profit and today so far,halfway through the day i'm at around,in profit which is close to 30 daily,margin i'm not showing this to brag but,just to prove that this layout is,working today i figured the best way to,explain this would be to make a sample,store that follows this exact template,so that's what i did let's have a look,at that sample store so this is a store,that i created in the home and garden,niche the type of stores that i like to,build to test products look just like,this basically we're building a nice,clean branded store with good logo good,images,multiple collections inside of that,niche high quality products and images,and overall a trustworthy and legitimate,feel i get dms every single day of,people asking me why am i struggling to,see results and then i look at their,store and it looks like this,if you take the time to make a nice,clean branded website seeing success,with ecommerce is going to be so much,easier this kind of store is perfect for,testing products because it is branded,it has a trustworthy feel but it's also,broad enough that you can test a variety,of products without being too,constrained i like to call this kind of,store a hybrid store it basically,bridges the gap between a general and,niche store building a store like this,is really not that difficult so i'm,gonna break down how to do it right now,the first thing that you're gonna need,to come up with is a clean name and logo,to come up with names i highly recommend,you guys check out this tool called lean,domain search basically you c
After seeing the fourth section, I believe you have a general understanding of ShopifyKit starter theme theme shopify
Continue the next fifth section about ShopifyKit starter theme theme shopify
46 - How to Make Shopify Theme Load 89% Faster
46 - How to Make Shopify Theme Load 89% Faster
hello and welcome in this video we are,going to work on the performance of our,team so performance is something very,important according to Amazon I don't,know it was a year 2016 or something,like for every a one second lit response,of the page they lose millions of,dollars every year so it is very,important like if the page time is,loading one second and I know most of,the customer that they just leave the,page and they do not want to purchase,because the page time are the pitch time,load was lit so it is very important so,I will show you some tips and tricks in,these two videos in this video I will,show you about how you can test the,performance and how you can improve it,I'm going to use the GT metrics comm we,will put the URL of the if you have,never used this one this is just testing,tool and they are also giving you some,tips on how you can improve your website,and the performance of it so I will come,to the collection page collision which,is important also product page and home,page every page is important but I will,test the collection pidgin see how it is,going to perform and we are trying to,hit the a score for this one so if I try,to test this one it is going to analyze,my website also while it is analyzing as,you can see my password is not enabled,at so it can access my page easily so,you can make sure you can disable your,password I will change my password as,soon as I finished recording this video,so Al and I will enable the password so,let's see the record so this is how our,page perform currently we have only,three products that's why it load fast,and it was easy so we have B score with,80 person looks fine know here are two,things which are on red if you bring,everything to green that's good,all you have to go also we have wise,yslow which is very important they are,going to tell you that do not use this,stuff most of the kids this is stuff you,cannot do anything about it but most of,them you can do something about it so,let's do something about the minified,javascript in the beginning of the video,I said they will I do this one it is,going to be easy to minify our file -,currently our files are not minified so,I will come here,and and finish off this one as well as,finish off this one now the team what,should run actually the team was should,run but in my in p.m. one this one which,is compiling our assets I'm going to,compile them down to compress them so if,I check out my package the JSON here we,have a few comments,we have div which is looking for,development watch which is watching for,any changes and here is the production,which is doing the production coming,here so let's run this one it is npm run,prote so it should comprise my file and,everything should looks fine no it will,take a few seconds it will grab,everything from source directory and it,will remove all the comments and it will,minify every cos cube and CSS that you,have and then it will keep the same up,the GS and abuses as well as you can see,it minified them no
After seeing the fifth section, I believe you have a general understanding of ShopifyKit starter theme theme shopify
Continue the next sixth section about ShopifyKit starter theme theme shopify
Make money selling Shopify Themes (best chance is now)
Make money selling Shopify Themes (best chance is now)
hey everyone jan here codingwithyan.com,so today we have the first episode of,our sell your own theme series and all,of you have been asking tons of great,questions so please keep doing so this,project can only be as good as the,community is and you guys are amazing so,appreciate everyone watching and now,it's time for some answers so let's dive,right in,all right liam then thanks so much for,taking the time today as you know we're,here to answer some of the most burning,questions that people have,are you feeling good about it as well,i'm feeling great jan thanks for having,me here um,obviously a huge fan of the channel and,uh yeah any opportunity i can have to to,share the good word of the shopify theme,store um is is my absolute pleasure um,yeah then maybe as an entry point to our,conversation one of the most burning,topics or one of the most requested,topics was like what is the best way to,create a theme which kind of ties into,two subcategories the concept then the,actual development like workflows tools,and everything,so why don't we talk about the concept,first and,what is the thing or what can we give,people on the way in order to come up,with an amazing concept should we talk,about that,yeah i think that's a great place to,start,so i think the the first thing to really,think about is to really dive into how,merchants and how buyers will interact,with a theme,and and also consider how it's different,to design for a marketplace versus,designing for an individual client,so with an individual client you're very,commonly going to be requesting or being,asked for specific settings whereas in,theme store,these settings are,a little bit more generic um they're not,requested specifically by any merchants,um so merchants may be encountering uh,these features and functionality for the,first time um so i'd really you know,before even writing a line of code um,you know think about the the buyer,journey think about the merchant journey,and how,you know all of these people will,interact with the theme with the online,store editor,and you know think about know you're not,really designing just a storefront,for a buyer to,pick a product and take it to the cart,and check out you're also,essentially designing a ui that,merchants will be using to,bring their store to life,and and ideally with the the minimal,amount of friction possible,okay yeah i think that's a very good,point because as you know many merchants,don't have a strong technical background,then the settings have to be very,straightforward i mean this all ties to,usability i think that's what we are,trying to trying to get across here,um yeah so would you have any tips or,maybe how could someone approach that,would you recommend maybe using tools,like or like design tools to come up,with the visual concept first or would,you just be diving head first and,writing lines of code how would you,approach that yeah so i think there's a,few different methods um but i would,definitely advise,um investing
After seeing the sixth section, I believe you have a general understanding of ShopifyKit starter theme theme shopify
Continue the next seventh section about ShopifyKit starter theme theme shopify
Shopify CLI vs ThemeKit - Which One Should You Use?
Shopify CLI vs ThemeKit - Which One Should You Use?
this is one thing that most of you are,confused about which one should i use,shopify cli or theme get which one is,the best themekit or shopify cli should,i still learn themekit or should i just,move on to shopify celi,those are just one of the questions that,i hear a lot so in this video we'll,answer those questions so you know what,to do next hi everyone jan here from,coding with,hello everyone and welcome back to the,channel it's weekly how from birder.com,and in today's video actually wait i'm,kind of curious if that website is,available,oh it's not,anyway in today's video we'll be talking,about shopify cli versus theme kit which,one should you use and which one should,you,dip but first let's understand these two,clts or command line tools first is,themekit themekit is a command line tool,that is used for building shopify themes,with thinkkit you can deploy and watch,for changes in your local development,and upload these changes directly to,your shopify store but in order for you,to be able to use themekit with a,shopify store you will have to generate,an api key and a password or use the,themekit access app and get the password,there directly now what about shopify,cli shopify cli is a command line tool,just like theme kit that is used for,building not just shopify themes but,also shopify apps so that's already one,of the differences,between theme kit and shopify cli,another difference is you can connect,your shopify cell i to your shopify,store without having to install any apps,or generating api keys or password with,just shopify login command you can,connect shopify celi to your shopify,development store or shopify store and,once shopify cli is connected the,shopify cli will use all of the,necessary data from that store including,the products orders customers settings,and so on now how can you create shopify,themes with theme kit versus shopify cli,let's start first with themekit to,create a new shopify theme with themekit,all you need to do is to use the,following command theme new followed by,the flag's password store and name by,running the following command themekit,will generate a basic theme template and,it will create and upload the theme to,your shopify store and it will create a,configuration file for your new shopify,theme,whereas with shopify cli you can create,a theme project by using the command,shopify theme it,though this will not create a basic,theme template this will instead clone a,copy of the shopify theme called,dawn if you want shopify cell i to,create a basic theme template you will,have to use the flag called clone hyphen,url with the value of the url of your,git repository which means you will have,to make this repository yourself for,example we had the following repository,that we used in our shopify theme,development course so if you're,interested to learn how to create a,shopify theme using shopify cli you can,check it out i'll put its link in the,resources below or in description below,so which one is the best
After seeing the seventh section, I believe you have a general understanding of ShopifyKit starter theme theme shopify
Continue the next eighth section about ShopifyKit starter theme theme shopify
Beginners Guide To Shopify Liquid in 2022
Beginners Guide To Shopify Liquid in 2022
whether you are new to shopify or you're,already a shopify store owner you've,probably encountered a code that looks,something like this,this is shopify liquid a template,language created by shopify that serves,as a framework for all shopify themes in,today's video we'll take a closer look,at shopify liquid we'll start by,understanding shopify liquid further and,then we'll learn about its features,are you ready,let's begin,to recap shopify liquid is a template,language used for creating or modifying,shopify themes if you are familiar with,ruby you probably have heard about this,template language because it's written,in ruby or it's known to be written in,ruby but in terms of syntax it's very,different compared to other programming,languages we'll get back to this in a,minute in addition shopify liquid is,very limited like there's a lot that you,cannot do with liquid for example you,cannot retrieve a data from a,third-party server just from shopify now,what is it used for in web development,there are two contents that you can,render static content and dynamic,content static content is a content of a,page that stays the same and is usually,hard coded in html whereas dynamic,content is the content of a page that,changes depending on specific parameter,for example we have the following,product page,it specifically rendered this product,for cats because in the url we specify,that we want to render the specific,product in shopify this is called a url,handle and by changing this to a,different handle of a product the,product page will render a different,product this is how dynamic content is,being rendered in addition shopify uses,its own architecture or template files,to display these pages for example this,page is using product.json it's a json,template that uses sections to complete,the page taking a closer look at the,section files you will see that there's,a liquid code mixed with html css and,javascript so to put it simply shopify,liquid is like the middleman between,shopify stores and the server of shopify,where all the data about your shopify,store is stored and then when a shopify,store asks for a data through liquid,shopify liquid will ask the server of,shopify if that data that is being,requested is available if it's available,then the server will give it back to,liquid,then liquid will give that to the,shopify store's theme,otherwise if it's not available then the,server of shopify will just return a 404,error response shopify liquid is,categorized by three features,objects,tags and filters objects also known as,variables are wrapped in double curly,braces and it's used to output pieces of,data from a shopify store for example,this is a shop object inside of this,object there are properties or,attributes that you can use by using dot,notation let's say we use the name,attribute so you're going to type it,like this so shop dot symbol and then,name this will render the name of your,shopify store there are plenty of,attributes that you can use
After seeing the eighth section, I believe you have a general understanding of ShopifyKit starter theme theme shopify
Continue the next ninth section about ShopifyKit starter theme theme shopify
22 - Our Starter Theme for Shopify is Ready to Clone.
22 - Our Starter Theme for Shopify is Ready to Clone.
hello and welcome in the previous video,we learn how we can configure lateral,mix and we're back with our Shopify team,and everything is set up here so I have,already pushed the code on github you,can access it under my user name and,then Shopify started him here but before,doing that I'm in this video I will show,you how you can clone it practically and,then I will add the video at the end of,this repo so anyone who will watch this,video in the future this should be able,to add this like practically so let's,see how it is going to work if I come to,the team here this is my current team I,will clone it with a new team and then I,will login to Shopify and then we will,install a team and see how it works,first of all this is the how to use,installation so all you have to do is,just grab this code from or you can just,come to the download and copy it from,here both of them are the same I just,put it there now I will come to my,desktop and from my desktop,I will go to the shop white hats and,here we have the team's here I will,create another folder here and I will,give it a test team name here so this is,going to be a system and inside here I,will open partial to run our comment,here for the gate,you cannot piss the code directly here,or what you have to do is you have to,get clone and then you can test the code,here I might update the repo to get,clone and it just clone my repo here and,this is the Shopify solar team now all,you have to do is just change directly,to Shopify starter team and open it in,your code editor to add some general,sitting to this one so far everything,should be fine,so this is our new team and everything,is here except the country that the ml,is empty if you set your configuration,team configuration like the password the,shop v1 and the API key here and you run,the team watch everything should work,fine and it it should operate everything,unit to the software team but it is not,said earlier this is your responsibility,I will show you how you do this one in,this video so what I will do is I will,grab those codes for,no I will not grab it just I will go to,the shop for admin and I will add it,directly so you'll understand how it,works so here I am in my shop my Shopify,admin there is to it you can upload your,theme here we learned this in the,previous video I will recap it again if,you want to develop your team or bring,any changes your team must have the,configuration here and the configuration,configuration required the team ID and,the password API and your shop ID right,that is all you need to know the shop,URL is fine like you can easily grab it,from here and the password is also you,can grab it from the apps and then,privates which we discussed in the,previous video but how about the team ID,currently we do not have anything here,if you do not have a team here then you,cannot grab any ID one who is you can,duplicate this theme here which you,already have and then grab that ID and,then deploy it I'll show you how you can,do
Congratulation! You bave finally finished reading ShopifyKit starter theme theme shopify and believe you bave enougb understending ShopifyKit starter theme theme shopify
No difficulty
