Supply theme shopify

Find out your best Shopify theme and theme on shopify in less than two minutes

Find Shopify Theme — it's free

No difficulty

No complicated process

Track competitor's stores

BACK

Home Shopify Theme Supply theme shopify

Shopify Supply Theme Review: Is it the best Shopify free theme?

so supply could be the easiest shopify,theme for,any beginners however is that for,everyone,i think that some people might love it,but some people,might not be the fan of it,hi welcome to the new series of shopify,theme review,by pageflight team i'm jun and if you,already subscribed to page for our,youtube channel,perhaps you may know about some of our,videos about shopify theme reviews like,prestige,motion or minimal theme etc with a new,series we'll be continuing,to give you our thoughts towards many,popular shopify themes,but there will be many giveaways events,as well,so make sure to subscribe to our youtube,channel follow us on facebook and,twitter to get the latest updates on the,following events,now as you can see here i guess you all,know in today's video we're gonna walk,you through all features,of the supply theme one of the most,popular free themes on the shopify theme,store,if you want to try the theme with a demo,store you can check out the shopify 14,day free trial,link in the description box below and we,also have a detailed review article,about supply,theme so if you are interested in,reading,you can check it out there too okay,enough for talking i think it's time to,start with the supply theme review,right now home page,here we are in the shopify editor board,i've already installed the supply theme,to create a demo store here,if you don't want to use the default,theme color of the supply theme,you can go to the general theme settings,and,change the color palette like i did here,and it's better to set up typography,card,social media and so on first before,actually,building your store okay now,get back to the home page i really have,to say that,supply theme represents the true meaning,of supply,because it's built for stores with large,catalogs,and yes large inventories stores,the haters looks very basic where you,can add,logo there 400 pixel wide is recommended,because,you don't want a 2-bit logo it will,stretch out the height of the header and,people will hardly see the content below,and there's a product search bar and,card here,and it looks like a fundamental,e-commerce marketplace,a navigation as you can see there's many,links with drop-down menus,items this helps you organize your menu,bar when you have a great number of,products,and collections one of the main features,of,supply theme is featured collections on,the home page,this is why i said supply is choose like,a,theme for suppliers very straightforward,you can display,more than 50 products on the homepage,and up to six,collections under each collection you,can add,maximums of five rows and five products,per row,and yes your store will be like a small,version of a marketplace like etsy,one tip for product images the,recommended size,is 10 24 by 10 24 pixels,you should prepare it before adding your,product images if you want,the sections look coordinated like this,the price you can show the saved amounts,or compared price to let people know,about the discounts they can hav

The above is a brief introduction to Supply theme shopify

Let's move on to the first section of Supply theme shopify

How to Make Hero Picture Full Width in Shopify Supply Theme

hey guys i just wanted to show you one,more thing shopify while it's,still fresh in my head so how to get a,full width,slider in not just maybe this theme but,this is the supply theme but,a lot of themes in shopify the free,things work great,they just have some certain limitations,to what you can do,if if you don't do too much,customizations okay so so what am i,talking about exactly here,i'm talking about the supply theme that,shopify gives you by default,okay and if you look at the you look at,the structure of it and i don't think,you have to be a coder to understand,this,but basically they have the header,right in the full width container and,then they have,the the content or the body of your,website,everything is boxed in into this main,content container and this is really,good actually this,this kind of you know ensures all the,elements are lined up,it just makes things very neat uh,unfortunately,a lot of websites it just looks more,expensive when,when this picture is like a full with,container right,and i found this problem on some other,support forums and some people,did some like kind of hacks to get it or,css to get it but then there were bugs,and then it just wasn't working well,and then the explanation to get it it,was kind of like very,vague and i found it very vague so i'm,just going to go through kind of step by,step,about how i would uh solve this problem,here,um so to give you the end result the end,result should look like,like this now this is not full width,just because the picture the client gave,me was too small but you can see,most of the time uh it would look like,this right it would just look like this,and uh yeah that's it it's full width so,what's the difference here so what's the,difference with this code,and the default shopify code right let's,look into here,here this piece here,loaded above the container,so this is basically if you look at it,here nav bar nav bar okay so this is the,nav bar,container okay and then,if you keep going down you won't find,that old container where it was just,like constraining everything i didn't,delete it,it's still here so if we go down to here,you can see,so this was the kind of like below the,header,wrapper container with the paddings on,the side,and then i i simply moved and moved this,whole thing up,to the header container whatever you,want to call it right,maybe i'm not using a name that people,agree with but it is a container it's,just full with container up ahead,so let's dive right into the actual,coding of what i did,here it's actually quite simple i like,things that are really easy to do,basically,so that way i can't mess up anything,else,so here if you'll notice,here is you know they don't call it a,header but it's essentially the header,when you,you you put the header section,into the body well whatever it is close,enough to be a header,right and then i added my own section,which is a slideshow,right this slideshow what it represents,is here right,here it's called slideshow o

After seeing the first section, I believe you have a general understanding of Supply theme shopify

Continue the next second section about Supply theme shopify

How to make shopify supply theme header sticky

hello welcome to wfit,offer so today in this video i will show,you how to make shopify,store header sticky so,this video only for supply theme you if,you,use any other theme and want to make it,sticky this video will not,work on you without supply theme so,let's get started first of all we need,to log in our,shopify dashboard so if you see this is,the supply,theme and this is not a sticky uh this,is a,demo of supply theme so first of all log,in your,powerpoint dashboard after that go to,this,click the online store and go to the,supply you will see this,theme and go to the action and click,edit code,now in the left side you will see go to,the assets folder,and often the file theme.scss.liquid,now go to the bottom,right here they're called,sticky headers,these are comments for memorize the code,so now fill the some css code here oh,this is the css score okay,you will see this code in the,description box,uh just the css code,and click save,now open this another file theme.js dot,link to it,and go to bottom,again this comment cell,and fills the sum this code,switch the code and click save,after that visit this uh your website,this is sticky now reload this website,and scroll down you will see this menu,sticky so this is the,uh easy process to make sure supply,theme header is tricky,uh if you need any other theme and if,you want to make a sticky header please,and um put your comments in the comment,box,if you think this is this video will,help you,so please subscribe our channel and also,give a like and comments so thanks for,watching,stay with us

After seeing the second section, I believe you have a general understanding of Supply theme shopify

Continue the next third section about Supply theme shopify

Shopify Supply Theme Review & Overview

hi guys so the video you're about to,watch is actually a clip taken from one,of my recent videos in which i gave sort,of an overview and my review of every,single free shopify theme on shopify's,theme store so if you guys are just,first right now getting started choosing,a theme for your shopify store,i'd recommend you guys go check out that,video it gives a pretty good overview of,what the different pros and cons of each,theme is and like what your choices are,as far as themes go so i'll leave a link,to that down in the description of this,video,and i'll also link to it at the end of,this video but uh without further ado,let's just get started with this theme,review,so the next theme i want to do is the,supply theme so supply you can see it,says it's built for large catalogs and,this is the first,um theme we've checked out that says,that,uh collection filtering in sidebar,slideshow future collections on home,page,all right so this one seems to be,they're pitching it is basically that,it's you um really good for large,catalogs so yeah so you can see this,this site for instance sells,um,you know it sells uh cameras and all the,camera equipment and all this stuff,right so um yeah you can see that it has,a lot of options as far as like when we,come to the home page it has this,slideshow here but then we also have,like all these collections uh we have,like this this section that features all,these collections uh we have featured,collection itself uh this is another,future collection i believe,um you know this sort of looks like uh,yeah so if we go to best buy you can see,it's sort of a similar type of thing,um just like these huge collections,right uh so yeah so i think something,like that like if you have let's see,what one of the other um,what's the other thing so this is for,watches,and like leather so it's like a you know,it's it's sort of like a apparel store,to see what the the reviews say for this,so it's 60 positive and 57 uh,reviews uh you know i'd say like overall,it's a decent looking theme you know it,might be a little bit um,it's a little plain uh you know it,doesn't look like there's a whole lot of,like animations going on or any like um,i mean we'll see when we get into the,sections but it doesn't look like,there's a whole lot of uh things that,are super unique to this theme um,but you know,if you do have a large catalog you might,you might consider using this theme all,right so let's see if we can customize,this and and find any,sections that are unique to supply so,um,you know it looks like we have yeah so,it recommends you know you have this,slide show and then a collection list,and then some featured collections,underneath it let's see if there's,anything,that uh doesn't show up with other uh,themes the image with text i mean that's,just gonna be your standard yeah image,left and right with tags slideshow,featured products newsletter map rich,text video so yeah and this is yeah it's,just an embedded video so uh it looks,pretty uh,s

After seeing the third section, I believe you have a general understanding of Supply theme shopify

Continue the next fourth section about Supply theme shopify

Custom Page Subset of Collections Shopify Tutorial Supply Theme

hi this is kevin king with painters,websites and today i'm gonna do a video,on how to show you how to add a subset,or a page of collections in Shopify I'm,using the supply theme so I've created a,demo store and the supply theme and just,populated it for this example but what's,going to allow us to do is basically,create a page of collections that's very,editable and instead of being a page,with a collection on it this has several,collections or subset of collections so,this one has jewelry we've got bracelets,designer bracelets earrings thing and,several others but when you click on it,it will go to the actual collection so,if this is what you're looking for you,can do this is using the supply theme,but it'll essentially work with any,theme so what let's get started and let,me show you exactly how we do this but,first I'm just going to show you that on,my blog at pinehearst websites I've got,a step-by-step with screenshots and also,with the code that we're going to be,using so this may make it a little bit,easier to to actually just cut and paste,that code but I'm going to show you,specifically where I'm getting the code,and what I'm doing to it as we go,through the tutorial so let's get,started so when we finish you'll be able,to go into your online store and,customize it and create a collection I,like I can in the supply theme here so,let's just take a look you just go to,the page that you want in this case I I,want the the jewelry page and you click,on this section that we have created and,now we can edit this we can change the,number of items per page or we can,change or per row and we can change it,for anywhere from two to five all this,will be built into it we can change the,grid or list view so we can list it any,way we want so let's change it to a,and we can do all of our collections or,we can just do selected collections and,we can have multiple pages so we can,have one for jewelry and then we can do,another page which is what we're going,to do for earrings and they'll have,different content so when I do the,selected I can just go down and I can,add or remove items so say I want to,take off the pearl earrings here I just,go down and I remove that content and,it'll take this last one at the end off,so you can basically put anything on,here you want if I want to add something,back on I can add say pearl bracelets on,and then select and now I have my new,items and then I can go in and I can,change the number of rows that they,display I can put five per row or I can,put three per row depending on to how,many items I have so then you can just,say that the way you want it and you,have your page of collections so let's,go into the coding now okay let's start,with the coding this is only going to,take a few minutes so what we want to do,is we want to go to online store then we,want to go to actions right next to,customize it's good idea to duplicate or,backup your theme there's a link on my,blog about how to do that if you need to,understand how

After seeing the fourth section, I believe you have a general understanding of Supply theme shopify

Continue the next fifth section about Supply theme shopify

How To Center Menu Bar or Menu Item In Supply Theme ✅ Supply Theme Customization

hey dear welcome to you in my youtube,channel in this tutorials i am going to,show you how to center the menu item in,your shopify online store so if you are,using shopify supply theme and wanted to,create your shopify online store without,hiring any developer then you can,continue this video so let's get started,here is my shopify online store and i,have used shopify supply theme and right,now i wanted to,move this menu item in the center of my,store,okay so to do this first going to click,on the right button of my mouse,then select,inspect,and click on the element selector icon,then select this,element,and we can see that there is a css class,named site name and text align left,we're just going to change this text,align from left,to,center,and we can see instant result the menu,item is centered right now i'm going to,copy this full code just click on the,right button of my mouse,and select coffee rule,and now i'm going to my shopify admin,panel,here is my shopify admin panel,then click on the online store,click on the action button,select edit code,and we are going to add our code into,the head tag so type,style,and paste our code right here,okay,and click on the save,we have done now we are going to check,the updated result in our website reload,the space again,wow we have done we can see that,the menu item is centered right now,so i hope you understand the easy,process so thank you for your time to,watch this video if you think this video,is helpful then click on the like button,and subscribe to my channel have a nice,day bye bye,hey everyone my name is nate gallaudet,i'm the owner of bacon blend and i,worked with voisol on building my,shopify store he did excellent excellent,work i highly recommend you working with,voiceover he will get everything you,need done in a timely fashion,and he's all about speed efficiency and,making sure he does everything correctly,again i highly recommend working with,voiceol on all your shopify needs as,well as wordpress he is a master at,wordpress and shopify

After seeing the fifth section, I believe you have a general understanding of Supply theme shopify

Continue the next sixth section about Supply theme shopify

How To Change Background Image of Shopify Supply Theme in 2020

hello everyone and welcome back to,another video I've been getting axed to,do these tutorials for changing the,background image for the Shopify themes,so this one for today we're going to be,doing supply the supply theme on Shopify,this is how you change the background,for it so what we're going to do this is,a nice little example but what we're,going to do is come back to this page,back to Shopify a dash for it and if you,don't have it added just click Explorer,free themes and you can grab it here but,what we're gonna do is we're gonna go to,actions next to the supply and click,Edit code do not get overwhelmed by all,the coding it's gonna be fairly simple,on how we're gonna do this so I just,like the close to folder so it's not,cluttered and what you're gonna do first,is click add a new asset and then from,here well add a new assets right here,you just gonna click on it right here,and then choose file click the image,that you want to add and then upload,asset I already have a few images here,so I'm gonna add this one for this,tutorial and what we're gonna do is,we're gonna go to the timber dot s CSS,not liquid we're gonna click on that and,it's gonna open this up now on your,keyboard press ctrl F if you're on,Windows and if you're on a Mac press,command F and it's gonna bring up this,search bar and inside the search bar,we're gonna put basic type and basic and,then it's gonna take us down to here,if it didn't then you're probably up,here just press the arrow down and then,you'll show up right here now this code,will be in the description and all,you're gonna do is so this is what you,guys see you guys see this all you're,gonna do is come to the end of this,semicolon,and press ENTER and add in this piece of,code and the only thing you're changing,inside the code is your image file if,you have a PNG make sure this ending,says PNG it should resemble this,completely image for JPEG if your is,something different if your name is,something different like grass jpg or,house dot jpg make sure that's what it,says it should be the same as this and,then all we're gonna do is press save,and once it saves preview and you can,see we have a different background if,you don't want to image it as your,background you wanted to change the,color that's fine all you would do is go,here,keep it there highlight it and then come,to another tab open up another tab and,type in HTML color codes and you can,click the first link doesn't really,matter and no preference here and you,just put in a color and click what color,you want and then you just take the code,for the hex copy it and then you come,right back to this and paste that at but,you have to get rid of the image the,background image and then save it and,then you would just do preview and it,changes the color it changes to a color,so if this is what you want instead of,an image because the image doesn't look,good for you that's fine you can just,change the color so it doesn't have to,be white or something like plain y

After seeing the sixth section, I believe you have a general understanding of Supply theme shopify

Continue the next seventh section about Supply theme shopify

Creating Shopify Drop Shipping Store By Using Supply Light Free Theme

first you need to login yourself a store,we already have the account you can log,in other ways you can start to do free,trade free trade levels new cotton is a,free business up family so attend many,diverse copy paste or and creating,everything so just for that one you saw,that this game so parsec it will just if,they start free trial button then you,store will be created then after that,you can log in then you can see this,take off this okay here this ruffian,here we are creating our store so after,logging software man just click the,online store,here you can see the themes section so,just make three themes in this video I'm,using the supplied things up like light,free thing will just be discipline then,right there is the two states included,once a row and another resistant because,we're going to expand the light stain,separating two theme temperature,Lent and inheriting library,it's operating normally just add it just,click the actions button and click the,publish button,okay Tess screwed the publish button,but the team is published you see the,story through you established okay once,our team installed then the next what's,the theme is installed their next job is,just customers and just add the logo,right now then after the other,customizations will be due later just,ieave at the logo and you know just you,just send babies volume is just I have,the door you can now put it anywhere,just just reduce the bit you can set,anyway,you can see the frame you give me this,morning,then we do there are musicians okay we,successfully install the subway theme,then after that we go to create other,pages so click this link pages we need,to get some essential pages for you,upset that through these pages are you a,musician so here is a shot just click,the settings link and rightly link in a,new tab this Redis is called legal pages,so the section is here in the settings,section you can see lot of options since,then you can see the legal section here,you can see by default you stratify we,can create them,this page is different the privacy,policy Terms of Service this pages we,can create two from the templates so you,can use the exact text in there in our,legal pages so let me start to create a,new page that's triple parcel just pick,the crate from the template button the,page will be created automatically,actually this is not a page this this is,a link it will just go in which a,pop-top check out in the time of check,out then the second test this these,pages are shown here in the form of,things,this is all the digits are automatically,generated and the some email and,addresses are taken from the subway upon,so you don't worry about the matter same,said however you can check the,information and you can change anything,if we want to update this this text,constant question then click the button,cell then we came to finally the,fountain displays the contacts page you,can give just a email address we can use,a form if you use a form it will be,looks more professional s

After seeing the seventh section, I believe you have a general understanding of Supply theme shopify

Continue the next eighth section about Supply theme shopify

How to Have a Mobile Friendly Search Bar on Supply Theme - Shopify

i am going to show you how do you,make this search bar up top here,mobile friendly right now if we,make a resolution smaller let me just go,ahead and make it smaller right here,you'll see that the search bar actually,goes away,we no longer see it in this navigation,menu,because the resolution is too small but,if you click into,the menu right here the menu button,then you'll get the search bar what i'm,going to do is it is mobile friendly,technically but what i'm going to do,is instead of requiring users to click,into this menu button,before they can search for an item or a,product,i'm going to make it so that the search,bar,is always showing all right so you,either have it up top right here,or we have it in the menu itself,i'll show you what i mean by that all,right,i'm gonna go over to my shopify admin,theme right here and,in my supply theme this is the theme,that i'm using right now,so this is the supply theme,let me go into our actions edit code,and where we want to go into or the file,that we want to go into,it's not in our templates but in our,sections category,header right here this header,file right here this is what controls,the navigation up top,first things first i'm going to add at,the very top here,i'll just show you very quickly without,any sort of,styling,if you include search bar this is,a snippet that you can include and you,save it,you refresh you'll get it at the top,but we don't want this to always show,the only time we want this to show,is when it gets to not even this,resolution,when it gets to a really small,resolution,so maybe your your iphone your android,so,somebody who's on their phone,that's when we want to show this so,instead of having it show up,in the actual navigation bar right here,i feel like that would be too small i'm,going to have it be full width,down below right underneath it,that's the idea all right,what i have to do is i have to,give class i'm going to add some styling,so you don't actually have to,create your own styling your own classes,shopify has classes that allow you to,hide and show,based on the resolution and this is all,it is that it takes right here,is this large,height medium hide,make sure you have the the double,hyphens in there the minus symbols,all right and let's just,surround it with that refresh,it's gone right so we don't see it in,any large,resolutions but if we start getting,smaller and smaller and smaller,it's still not there we don't see it in,there,but then when we go really small,that's when we'll see the search bar,all right now what you can do and chrome,has this little nice feature where you,can toggle by device,so if you're on an iphone 5 or se you'll,see it like this,if you're on an iphone 6 7 or 8 plus,but then the problem becomes when you,have,an ipad the ipad pro not a big deal,because it's basically,a monitor that's how big it is but if,you click on ipad,now you don't see it of course you can,still see it in the menu,but you can still see it in the menu,when you go to say

After seeing the eighth section, I believe you have a general understanding of Supply theme shopify

Continue the next ninth section about Supply theme shopify

Shopify PayPal Credit Debit Card Buttons | Supply Theme | Smart Buttons Updated Code

what's up guys in this video i'm going,to show you that how you can integrate,paypal smart buttons into your shopify,store,so i will be using split theme for this,video so,in the next videos i will be using with,other themes so i have already created a,lot of videos with other themes so i,will be adding the links below in the,description so you can watch those,videos if you have different theme,so the important thing is that i am,going to create this video because i,have updated uh,the code for the paypal smart buttons,and,actually using this you will be getting,the product details into your,paypal receipt so earlier i already,uploaded a lot of videos so in that i,was missing this thing,so that's why i tried to create this new,updated video,so one important thing is like i will be,adding the link below in the description,for my blog post,so from where you can just copy and,paste the thing which i will be,uh i will be showing you in this video,so that would be quite simple for you if,you don't know any single word of coding,so you,only need to copy and paste the code i,did all the things,so currently you can see on my screen i,have this card page and here i have,paypal button and debit or credit card,button but if i will refresh this page,you will know more able to see,here why because i have removed the code,so now i will be,adding that code from scratch and here i,have this,blog post which i already written i will,be adding the link below in the,description so you just,follow this and copy the code like i,will be doing in this video,so i have this uh this simple,store here with single product so first,of all you need to,go to this dashboard and disable the,drawer page for example i am clicking on,this card,so i am getting this pop-up with,checkout button so,first of all you need to remove this,pop-up so how you will be doing that is,you should click,on online store then after you should,click on customize i am opening this tab,into new window so once you are done,with this then you will have to go to,theme settings in the bottom so just,click over it then you have cart,option and then we have a drop down here,you should select the page once you are,selecting that then you should click on,save,so once changes are saved then you can,close this,and let me show you once again so for,example i am refreshing this page,again and if you are somewhere on the,catalog,page for example you are clicking on,this product and clicking on add to cart,then you will automatically redirect it,to this card page rather,you will be getting a specific pop-up,now all right,so now let's add some code so first of,all you need to click on actions here,and then you will be getting an option,of edit code so click over it,then you will be redirected to this,specific page where you will be having,some folders,some files so what you will have to do,is you have to click on templates,then you have card dot liquid file,and here you will be getting some code,so,here we have to add

Congratulation! You bave finally finished reading Supply theme shopify and believe you bave enougb understending Supply theme shopify

Come on and read the rest of the article!