what's going on everyone it's jamie here,from shopify master class and today,we'll be covering shopify stores to,inspire you we're going to be looking at,examples here so you can take a look at,some of these shopify stores what,they're doing to make it successful,their layout their color scheme their,themes to help give you inspiration how,you want to layer your store you don't,want to necessarily be copying these,stores but you can take inspiration from,them and add the tiers tour to make your,store more appealing higher converting,and hopefully more successful so make,sure you stay to the end of the video as,we're going to cover 10 full stores here,and before we dive into it i just want,to mention the sponsor profit calc the,one click profit calculator app,available on the shopify app store,to allow you to skip those spreadsheets,and get back to growing your business,and it comes with a 15 day free trial in,the link in description below i'm going,to show a quick video detailing their,full feature set discover profit calc,the affordable and easy to set up,shopify app that crunches your numbers,in just one click it automatically syncs,with all your accounts and expenses to,calculate your profit displaying,everything in an easy to read dashboard,so you understand your business in real,time start for free on the shopify app,store today let's take a look at the,first door here and that's going to be,greenhouse.ca,so immediately when you open it up,you're going to get a pop-up that's,going to give you a discount so they're,trying to collect those emails right,away that's when a customer enters your,website you want to make sure you're,capturing some kind of information as,most customers do leave and so they're,offering a incentive here and explaining,why this newsletter is valuable so,actually out of that we can see a very,clean home page here which is the header,image taking up most of it a welcome,message as well is a quick intro into,what the site is about if you've never,visited before so we scroll through here,they have their products on their,homepage with some really nice product,imagery and they match the language and,the color scheme to the website as well,as you can see it's add to crate and not,add to cart here so they're,personalizing the website for their,customers overall they have a really,nice mega menu with really good product,images that make it really easy for the,customer to navigate so we dive into,some of the products here we get an idea,of what their product page looks like we,can see it's very clean it's very,minimalist as most websites are nowadays,but they have what you want to see they,have product reviews at the bottom here,to add that social proof they have a,nice product description they have your,different variant sizes here making it,really easy to select and understand,what it is now i really like this star,ingredients here so let me show what's,exactly in it so you're not questioning,it getting the answers you need i
Let's move on to the first section of Inspired - Layers theme shopify
Shopify Navigation Tutorial ( Mega Menus/Multi Level Menus/Dropdown Menus/Header Menu and more...)
Shopify Navigation Tutorial ( Mega Menus/Multi Level Menus/Dropdown Menus/Header Menu and more...)
76 percent of online consumers said that,what they care about the most in a,website design is how easy it is for,them to find what they are searching for,yes 76 and this tells you how much it is,important to make sure that when people,land on your store they can easily and,smoothly move around and they can easily,explore what you offer and get to know,your brand more and this honestly can,never be done without a very clear and,organized navigation menu,hi there I am jihab and on this YouTube,channel I share with you videos related,to e-commerce entrepreneurship and more,and in today's video I'm going to show,you how to set up your Shopify,navigation menus in the best way,possible but quickly and before jumping,to my PC I want to tell you some things,that you need to keep in mind while,organizing your navigation manuals my,first tip for you is to always put your,customers in mind put yourself in your,customers shoes and ask yourself what,would make sense for your customers what,would they be searching for let's say,for example you sell it jewelries so,most of probably your customers will,want to find your products based on the,product type so you need to have a Rings,collection a bracelets collection maybe,a watch collection in this case you need,to link to all of these collections,within your navigation menu but not only,that let's say I'm shopping online for,Rings there might be a specific kind of,rings that I'm interested in so maybe I,want to buy a wedding ring maybe I want,to buy an engage engagement ring or,maybe I want to buy an everyday ring in,this case you need to have the,subcollections within your navigation,menu as well and in order to do that you,need to create a multi-level navigation,menu and I'm going to show you exactly,how to do that when you move to my,screen my second tip for you is the,following when you are naming your menu,navigation tabs always use names that,make sense to your customers so let's,say for example you want to link to your,wedding rings collection simply use,these same exact words to name your tab,this will not only help your customers,to find what they are searching for and,understand what you are selling but it,will also help your store for SEO,purposes my third tip for you is the,following when you are creating or maybe,redesigning your navigation menu always,keep your tabs condensed don't exceed,seven tabs for your navigation menu and,I'm talking about the first level tabs,and I'm going to tell you why our brains,usually can't hold more than seven,things or seven ideas at the same time,on the short term so if you don't want,your customers to get frustrated and,leave just keep it simple and keep your,tabs to seven or maybe even less to five,my final tip for you and it is actually,a sacred tip always make sure that your,manual looks good on mobile so now we,are going to move to my screen to start,setting up your Shopify navigation menus,are you ready let's start so here I am,inside of the Shopify dashboard
After seeing the first section, I believe you have a general understanding of Inspired - Layers theme shopify
Continue the next second section about Inspired - Layers theme shopify
Collection Filters in Shopify 2.0 - Full Tutorial & Concepts
Collection Filters in Shopify 2.0 - Full Tutorial & Concepts
shopify 2.0 has completely changed the,way that filtering works,we now have a brand new filters section,under the navigation in the shopify,dashboard we can finally filter by price,we can filter by product options like,size without having to tag products with,the size or the price as we had to do,previously on the other hand we are,losing tag based filtering and i know,that's a big deal for many of you,especially if you have a large store,your entire,catalog may have been organized around,tags and now you have to rethink your,whole system it's maybe even a deal,breaker for you with upgrading to,shopify 2.0 but don't worry i'm going to,give you some tips on how you can,transition from the old tag based,filtering system to the new one in,general in this video i'll quickly,discuss the differences between the old,filtering system and the new one in,shopify 2.0 then i'll move on to kind of,a tutorial format i'll teach you,everything about setting up filters and,i'll show you lots of examples first i'm,going to show you how to set up basic,filters like size and price then i'll,show you how to create your own custom,filters using fields my example will be,filtering by fabric and you'll be able,to filter by cotton wool or polyester,and you can apply this knowledge to,whatever it is that you sell it's going,to be the same concept i'll also briefly,talk about color filters and why this is,the most difficult kind of filter to set,up and finally i'll discuss filtering,apps there are a couple of situations,when,filtering apps might be the best,solution for your store for example if,you still really need filtering by tag,and you also want filtering by price and,other advanced filters right then you,might need to use an app but first let's,talk about the difference between the,old filters and the new ones so finally,filters are now a built-in part of,shopify instead of being a feature of a,theme,that's very important difference this is,the reason why,the whole system has changed filtering,in shopify used to be done inside of the,theme some themes had filters and some,did not,so if you wanted filters firstly you had,to get a theme that actually offered,that feature and what you would do is,you tag your products and then you set,up the filters inside the theme,customizer not inside the shopify,dashboard but inside the theme right and,this was very inconvenient because every,theme had a different way of setting,them up you had to read the instructions,for that particular theme and then you,had to name your tags accordingly right,so,usually with underscores or dashes or,some specific format so that those,filters got grouped and they would show,up in the correct way this was bad for a,few reasons firstly it's confusing there,were many times when a client asked me,to help with a bug when really it was,just a matter of naming the filters,correctly it was also time consuming,because you had to manually tag all of,your products or you had to use some,kind of bulk editin
After seeing the second section, I believe you have a general understanding of Inspired - Layers theme shopify
Continue the next third section about Inspired - Layers theme shopify
Building the FLEX Theme Shopify 2.0 Part 1 Shopify Academy
Building the FLEX Theme Shopify 2.0 Part 1 Shopify Academy
what's up everyone edwin anthony here,again back at it with another video and,in this video we're going to learn about,out of the sandboxes flex theme,so if you guys are brand new to my,channel what i do every so often is that,i talk about theme setups everything,related to shopify so if you like this,type of content please make sure that,you go into the subscribe demolish that,subscription and also don't forget to,turn on that notification bell so that,you'll be one of the first ones to know,when we come out with these videos,so again uh going over this what are we,talking about we're going to help you,guys install,flex and we're going to follow a,specific theme before this let's talk,about the company here real quick just a,quick introduction so the folks at out,of the sandbox are one of the first,pioneers of building themes for shopify,right and the theme that we're going to,talk about is one of their most highly,and probably one of the most expensive,themes that they have out of everything,if you guys check out my channel um i,also have one that talks about turbo so,make sure that you guys watch that uh so,if you guys you know want to make sure,that you like the style on how i teach,and all that stuff go go ahead and check,out that video first if you want to and,if you're already used to my style we're,just going to dive right into it so out,of the sandbox one of the top theme,developers they've created this theme,called flex and of course if you're,interested in getting started on this,i'll leave a link down at the,description so you guys could go ahead,and purchase a theme and then just,follow along but let's look at this as,towards what it has to offer so as of,today october 26th,we noticed that flex is now part of,store 2.0 so they just recently updated,their theme and it's called flex 3.0,that offers shopify's operating system,2.0 which is very good it's like really,really good i love store 2.0 because,they just have everything and they load,pretty quickly and so far so good based,on the experience,uh so reason why flex because flex has a,very nice interface that it allows your,store to look more than one way,you don't have to go very heavily on,investing with developers etc and you,could switch up your store to look many,different ways that's why flex,is a very good investment,and take a look at all these styles,you'll see all of these demos look there,is a lot of demos and as you can see,some of them kind of look the same but,you could see the difference as to how,your website could look like right not,just one way so we have like the menu,horizontal system and then we have this,other way where it has this vertical,interface which is nice,so if you're planning on having multiple,businesses or if you really need a theme,that's just very very flexible when it,comes to the type of niche take a look,at flex flex is definitely a very good,investment from a very powerful theme,development company which is out of the,sandbox,the one that we'r
After seeing the third section, I believe you have a general understanding of Inspired - Layers theme shopify
Continue the next fourth section about Inspired - Layers theme shopify
Shopify Examples. Best Shopify Store Inspiration.
Shopify Examples. Best Shopify Store Inspiration.
what's going on everyone it's Jamie here,from Shopify master class and today,we're taking a look at successful,Shopify store examples so you can get,some really awesome inspiration your,very own Shopify store but take a look,at what a lot of these stores do well,and what you can bring to your very own,store as all these stores are successful,and profitable so based on that alone,they are definitely doing some things,right so make sure you stay to the end,of the video here as we have some really,cool store examples coming from,skateboard brands to Dental Care Brands,before I dive into it I just want to,thank our sponsor profit calc the one,click profit calculator app available on,the Shopify app store it's going to,allow you to skip your spreadsheets and,get back to Growing your store with,real-time calculations it also comes,with a free 15-day trial and there's a,link in the description below to access,that trial there I'm also going to show,a quick video detailing their full,feature set are you a Shopify business,owner who spends hours doing your,accounting have messy spreadsheets kept,you from growing your business discover,profit cap the affordable and easy to,set up shop Shopify app that crunches,your numbers in just one click it,automatically syncs with all your,accounts and expenses to calculate your,profit displaying everything in an easy,to read dashboard so you understand your,business in real time start for free on,the Shopify app store today take a look,at our first store here and that's going,to be bear Walker so we can see right,off the bat they're not wasting any time,they want you to sign up for their email,newsletter so instead of offering a,discount they're going to use the free,tactic we're giving away selling for,free and in this case it's going to be,free shipping further incentivizing you,to enter your email so you can get free,shipping on any potential orders seems a,great way there it's also amazing if,they're collecting emails right away so,they're pushing for you to get on their,email list so they can contact you at a,later time bear Walker probably knows by,their customer demographics as well that,these boards probably aren't a first,quick purchase decision it's probably,going to take someone some time so,getting them on their email list right,away is a great way to nurture that,buying process so right off the bat we,can see the Shopify store is a great,aesthetic to it they have really high,quality photos they do a great job,public featuring different brands that,they have for their boards here we can,see some really big ones such as Pokemon,the NBA Disney Nickelodeon NBA as well,as legendary so they want you to know,that right off the bat they're also,going for social proof by showing what,they've been featured in along with,their high quality photos they do have,some video content that is engaging as,well and so they're linking you to their,story so it's based on a true story on,how they found it there's actually a,hig
After seeing the fourth section, I believe you have a general understanding of Inspired - Layers theme shopify
Continue the next fifth section about Inspired - Layers 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
After seeing the fifth section, I believe you have a general understanding of Inspired - Layers theme shopify
Continue the next sixth section about Inspired - Layers theme shopify
Setting up "Kingdom Shopify Theme" from Krown Themes
Setting up "Kingdom Shopify Theme" from Krown Themes
hi this is ruben from crown themes,in this video we want to show you a,little bit about our new kingdom theme,of version 4.,this version supports the new online,store too,and has a lot of,new and cool features and possibilities,and,we want to go through setting up the,theme uh showing you a bit about uh,all the homepage sections how to build a,really nice and rich homepage then go a,bit uh through the product page see how,to create the rich product templates and,use meta fields in order to,make these templates unique for each,page,then at the end go a bit through all the,other pages,so that you have a good understanding of,all the features that our theme has and,how to make the most of it,so,we've installed the latest version of,the theme,and when you go to the customizer you,see that it's a blank theme with some,blank sections,uh,that you can start configuring right,away,as you wish,so for now let's just hide all the,sections that are already,here and,let's start adding new sections one by,one to see,what each section does,but before we go into sections uh,we can look at the,some static sections which are the,frames we have the sidebar in which,all the,important information is you can,put a logo here,so you can change its width uh make sure,that you upload a,logo that is,large in size uh double than what you,right here uh in order to look crisp on,any screen size you have the primary,navigation which is a,navigation that could be used for,important,uh things in your team such as,collections for example,and then you have the secondary,navigation,which could be used for other kinds of,links like pages or,whatever,you can also,have the language selector and currency,selectors,these,selectors appear if you set up,language settings and payment settings,in the,in your shopify in your shopify store,you have the links here then we have a,section for text columns with icons it's,blank now but let's just,populate it a bit uh,we have uh,around 800 icons,which are really high quality,uh to be used uh,in this,theme,so this is like a general section uh,that can be,used,for,showcasing some,general information about your shipping,policies or returns or even about,products,you can edit the colors,of this section,with it which is nice it,makes it pop out pop out a bit,then you have the footer,which is also created with blocks,you have the text block for some contact,information you have,a,block for menus you have up to two menus,to,to select,here uh,you also have an email sign up,or social links or an even image which,can be used,for force things like uh,i don't know,trust badges,or,anyway,after this you can go ahead and uh,play a bit with the themes,colors and typography,you have the possibility to change,the colors for each part so the colors,of the sidebar here the colors of the,body,which we don't see now because we don't,have it,and the color of the,footer,let's just play with this a bit,here you also have the typography,options in the theme,we have a font f
After seeing the sixth section, I believe you have a general understanding of Inspired - Layers theme shopify
Continue the next seventh section about Inspired - Layers theme shopify
Shopify Tutorial: Multi Level Drop Menu Tutorial Guide Filter Menu (2022)
Shopify Tutorial: Multi Level Drop Menu Tutorial Guide Filter Menu (2022)
what's up guys and welcome to the video,today i'm just going to go through a few,steps on how to set up a multi-level,drop down menu in your shopify store,this video guide will also apply to all,shopify themes not just our own here,clean canvas so depending on what theme,you're using,it might look a little bit different to,what i'm going to show you in the video,but not to worry,so if you liked the video please do give,it a thumbs up and do consider,subscribing because like this content,will be putting out more future content,each week,which we hope will help you elevate your,store to the next level,now with all that being said let's just,get into the video alright guys,we're just going to show you uh my,current setup on my demo store,so i'm using symmetry for this um demo,so my theme will may not look exactly,the same how yours is set up,but don't worry this is still going to,be the same premise and should work,so i have a two options here i have a,double layer drop down which is very,nice and quick to create and i'm going,to show you that first and then i'm,going to go on to showing you how to,create the multi-layer drop-down menu,so what i mean by that is here you can,see multi-layer,i can see i have these four headings so,say for example,if i was to put these as you know boys,girls children etc and then inside,you can have the links to the products,or collections that,reflect only those things now for the,demo i'm not going to go that deep i'm,just,mainly going to show you how to create,these but this is just to give you a,little idea,on how you can start thinking about,setting up your menu,so all right guys i'm going to jump into,the navigation now and show you how you,can,create a double drop down layer first so,here we are in the admin and this is,where we're going to start and pretty,much be playing around with for the most,of this video,so head over to online store and,navigation on the left,and then you're going to be greeted,probably with the same kind of layout i,have here,main menu and footer if you aren't it,might have meant that you deleted them a,while ago but don't worry you can add,them new ones in here by clicking add,menu,and set it up there but for here i'm,going to just work on my main menu,so here we go i'm just going to close,that so,looking at it like this it doesn't look,too terrifying and even though when i,start opening up these things you might,start like a little bit of panic but,don't worry i'm gonna go through,each one nice and slow and hopefully by,the end you'll be able to do it all on,your own,so i have home double layer drop down,and the multi-layer drop down so as you,can see one two three,if i go to my main website you have it,here one two three,so double layer drop down we're gonna,create first so let's just go here and,click add menu,and i'm gonna call it uh dl2,double their number two here you can,select a link,some themes will give people the option,that,they can have these headings linked to,other pages
After seeing the seventh section, I believe you have a general understanding of Inspired - Layers theme shopify
Continue the next eighth section about Inspired - Layers theme shopify
How to Customize Shopify Sense Theme Tutorial | Free Online Store 2.0 Theme Shopify
How to Customize Shopify Sense Theme Tutorial | Free Online Store 2.0 Theme Shopify
how to customize shopify sense theme or,if you are looking to design your,shopify store using shopify sense theme,then you are at right video in this,video i will guide you how are you able,to design your complete website using,the new released shopify sense theme so,welcome back to ecom ranks in this video,you will get a lot of information,regarding,new shopify online store 2.0 release,okay so first of all you have to log in,your store and within it you have to,click on this explore free themes and,from here you have to scroll down and,here we would see,a sense theme click on it and hit add to,theme library,button,okay it it will get added within few,seconds a fresh copy of sense theme,and for the time being let me show you,how it will look,so this is the demo theme of,this is the sense demo theme of shopify,store this is a header section this is a,logo this is announcement bar and this,is image with a good call to action,button,and when we scroll down all of the,products are listed then they're a good,text and then a marketing pro nice,marketing,of the this product images and then when,we scroll down it will show a nice,section,of,product credit,ability,and when will scroll down it will show,the,collections like skin care body hair,nail polish and when we scroll down and,there is a final footer section and,newsletter section so this is a quite,nice theme for skin care and beauty,products,you can design it according to your,requirements so,let's start our tutorial so this is a,sense theme version 3.0.0,make sure you have already added all of,your products,also i have already added all of my,products and then i have created my,collection i only have one collection,and 10 products and after it make sure,you have designed,your navigation navigation is basically,a menu just like this one this is the,header menu and when we scroll down,this is the footer menu okay i would,like to add three menus this is the main,menu this will be go at the top and,these two menus will be will go at,bottom in the footer section okay so,the products have been added the,collection have been created the,navigation have been created and the,final thing is that the pages must be,set up okay so i have already added,about us and the contact us pages so,let's move to the themes and then i have,to click on this customize button to,start customizing my sense thing,okay so the customization window has,been opened and from here we are able to,customize all of these sections okay so,the first section is called announcement,bar this is called announcement bar uh,just click on it and from here we are,able to,change its text and from here we are,able to change its text just like,free shipping,on all orders,this week,or you can add according to your,business requirements and from here we,are able to change color scheme,right now the shopify has added by,default colors if you want to change sn1,sn2 background one background two colors,then you have to,go to this,theme settings and then
After seeing the eighth section, I believe you have a general understanding of Inspired - Layers theme shopify
Continue the next ninth section about Inspired - Layers theme shopify
Image Banner as Header Background - DAWN THEME
Image Banner as Header Background - DAWN THEME
hi everyone in this tutorial we're gonna,make our image bunner as our header,background so this is what we're doing,here so when you go right here,the image should be the background of,the header,and then you can still have the sticky,header,when you scroll down the header should,still work,and then when you go to the other page,the header still gonna work,so to start we're gonna go to our,shopify store in our shopify store we're,gonna go to teams and we're not gonna,edit the live team but if you do wanna,edit your live team just click on,actions and click duplicate and then,edit the duplicated team but for me i,just downloaded dawn team i'm just gonna,click actions and then edit code,and then we're just gonna expand our,screen we're gonna go to our section,folder we're gonna look for heather,liquid,so heather right here,open that,and first we're gonna go is to find our,sticky header right here,and we're gonna delete this,color,section settings color scheme gradient,we're gonna delete that,and then on the bottom we're gonna go to,our javascript code,so right here our javascript code we're,gonna go to our website,and then copy this code right here,and then paste it after the create,observer,so ctrl v to paste right here see my,note right here this is different from,yours so what we're going to do is go to,our customized theme right click,and then open a new tab,and in here we're gonna right click the,banner to open the dev tools so right,click and click inspect,so we see right here we have this banner,so when we hover the banner should get,highlighted,so what we're looking is the section id,for this banner,so we're gonna go up a little bit and we,should find this one right here,so,when we hover on this section,it highlights the banners we're just,gonna right click on this one,and then click copy,and then copy js path make sure you,click this one,and then we're gonna go back to our team,again,and we're gonna just,replace this whole code right here,ctrl v to paste and then add a semicolon,right here,and next we're gonna go to our website,again,and we're gonna grab this code right,here and we're gonna find the on scroll,function,so back to our team code again,we're gonna go to unscroll and we're,gonna paste this code after the const,scroll tab so after this hit enter and,then ctrl v,i'm just gonna highlight this one and,then click tab to reposition,and then click save now we're gonna go,back to our team again,so in here we're gonna right click the,image banner again click inspect,we're gonna look for the banner template,id right here so click that and then,right click,click copy and then this time we're,gonna do copy selector,so we're gonna go back to our code again,and we're gonna go all the way to the,top and in here after the style,we're going to paste the code and then,we're going to have the open curly,bracket and then close um curly bracket,and then we're going to have tap,minus 110 pixels what this one is doing,is just bringing our banner to t
Congratulation! You bave finally finished reading Inspired - Layers theme shopify and believe you bave enougb understending Inspired - Layers theme shopify
No difficulty
