Shopify 2.0 Templates Tutorial - Create Different Layouts for Product Pages & Collection Pages

all right. what's up, guys? i did a poll recently on my youtube channel where i asked what my next video topic should be, and the most voted for topic was shopify 2.0. so today i want to tok about page templates, which is a new feature of shopify 2.0 that many people aren't using yet. it's a really underrated feature and it can really be quite powerful. one of the most common questions that i get on my channel when i tok about adding a specific feature to a product page is: how can i add this to one product but not to another product, right? how can i add a feature to one product page without affecting the rest of the products on my store? and a good example of this is this tutorial, where i showed you how to add a gift message field to a product. so obviously, this is for products that have some kind of note attached to them, or maybe they have an engraving, or maybe there's something written on the shirt. whatever, it's a customizable product, right, and maybe not all your products are like this. maybe not all your products are customizable, so you want to add this on one product but not on another type of product, and that's really easy to do in shopify 2.0, you just have to use page templates. so i'm going to show you how to do that today. another good use of page templates is to make a completely different design for different product pages. so you may have some products which are like your flagship products, your main products, and you have a lot more to say about them. right you have. you want to tok about their features a lot more. so the example that i've got here is all birds. you know they've got their merino wool or or tree- actually tree fabric- sneakers and they have this product page right the top of it is a typical shopify product page, but then they've got these extra features that they want to tok about below, and we can do this now, thanks to shopify 2.0 and sections everywhere. you know how. previously you only had sections on the home page. now you have them on every page, so you can add sections underneath your main product section on your product page. but maybe you don't need that for all products. so here they've got their beanie and you know they just don't have that much to say about the beanie because the beanie is, like, not their main thing. their main thing is sneakers. so they have these two different product page templates, one for the shoes and probably the other one is just the default product template for regular products, and you know this doesn't have to be limited to just product pages either. so here they have a collection page which is like your typical shopify collection page: right you have a product grid and you have your filters on the left here. but they also have this other collection page under new arrivals. when you click on warm weather, they have collection pages with this nice image banner and look, this is for warm weather and it's really warm image. it really gives the mood. and they have this kind of image banner for every type of collection that is for a specific use, like when their shoes are for a specific scenario, for example, running. they have these people running and to me as a potential customer of all birds, you know that really appeals to me, right? so think about the psychology of a shopper here. i was actually looking for shoes for summer. i was looking for some lightweight, breathable shoes. i had heard of all birds before, so i go on their website and then when i'm looking at their website i open the nav and i see this like best for warm weather. so i click on that and immediately. it kind of confirms my expectations, right, like i'd heard that they make lightweight shoes and then i see that they actually have a collection for warm weather and that makes me a lot more confident as a shopper that this is the product that i need. and, yes, i actually did end up buying these tree runners made of eucalyptus, so it worked. beside product and collection pages, you can also do this on your regular statik pages, like your about page, your team page or whatever. so, like all birds has this um, our story page right, and they're using a big image banner with a video background. then they're using, kind of like i would say that this is a page section and, by the way, i should have mentioned this at the start, but all birds is on shopify. uh, they're one of the most successful shopify store examples. yeah, these are all pretty regular sections. i mean, this is a gif image, which is pretty cool, but you can do something like this on your store as well, using page templates and sections everywhere, which is now on shopify 2.0, by the way, if you haven't upgraded to a shopify 2.0 theme yet, i hope now you're starting to understand why you should, because it gives you so many more options in terms of the design of your website. and yeah, i think that's all the examples that i wanted to give. so now let's jump into my computer. i'm going to show you first how you can add something simple like the note field to just one product template, and then how you can do a product template with a, an additional section, like the alternating information sections that all birds is doing, and then also how you can do the same for collections and for a statik page. it's pretty much the same process for all of them. this is going to be a pretty quick tutorial. so, yeah, let's get started. okay, so let's first tok about templates. what are templates? i think that the most common use of templates is on the contact page. so if you've ever made a contact page in your shopify store using a contact form, then you've had to create the page contact right, and then, down here in the theme template, you choose contact, because every theme in shopify comes by default with a regular default page template and a contact template right, and enabling this contact template would enable the contact form on your contact page and you'd have the same with products right, so on every product page. you might have notiked already that you have this and that there's pretty much nothing there. i mean, i have one template already. you may have no templates at all, or, if you're using a more advanced theme like turbo, you might have two pre-built templates that they allow you to use- maybe three, but you never had the ability in the old shopify to create your own templates- right to create as many as you need- and so one of the biggest advantages of the new shopify 2.0 is that we can now create our own templates. we create as many templates as we need. so here i am inside the theme customizer looking at my gift product example, and i have this message field and it's currently using the default product template. so this message field is on all my products. now you might be used to navigating inside the theme customizer by simply using your navigation and using your site- as a customer would, but you should get used to using this drop down as well. so to get to the default product template, you just go to products and then default product. so i'm on the default product template. i've added this field and every product now has it, but that's not what i want. what i want is just for this gift product to have this field. so what i'm going to do is actually duplicate this template or i'm going to create a new product template on the basis of the default product template, which already has this. so let's go to products and then i'm going to click create template and i'm going to call it with gift note. right, i'm doing it in dashes like this, because if you save it with spaces, shopify will just convert it to dashes anyway. so i'm just doing that immediately. um, so let's just create the template and it might take you to a different page. this is just a preview, right? it might take you to a different product. just go back to previewing the product that you want to see this template on, just so it's less confusing to work on. so now that we're on this template, we're looking at it. this is the with gift note template, and we see that it has the gift note. that's great. now we can go back to the default product template.

How To Build A FREE BRANDED One Product Dropshipping Store With Shopify 2022

this is the exact method that we're using to create our six figure and seven figure drop shipping shopify store designs, and i've just created an example one for you guys, and you can see how beautiful this looks. we have the thumbnail for the youtube video on the website. you've got the drop down menus right there to give people more information without having it all bulky on your website. then you've got the side-by-side images going over more details of the product, and then you've got the button. if we keep scrolling back up, you can see how beautiful this website looks, and i'm going to be teaching you exactly how to do this in this video. hey guys, welcome to the youtube channel. my name is camille sannon is the ecom kingdom. in today's video, i'm gonna be teaching you step by step on how you can create a one product store that looks really branded and professional and that converts extremely well in 2022 and 2023.. this tutorial is going to be around about 30 to 50 minutes long. i'm not joking. it's going to be step by step so you can carry and follow along with your laptop or your computer if you want to create a shopify store that looks like mine. now i'm also going to be giving you guys copy and paste templates that you can use on your store for things like privacy policy, terms and condition and shipping and delivery, and as soon as we hit 2 000 likes, i'll leave it in the pin comment and in the description below. so if you've been somebody wondering how to design a shopify store that's going to convert really well and look really appealing, then i'm going to give you the exact formula right now that will work with every product that you choose, and you can also convert this into a niche store if you want to, and this has been proven to work for me for the last 12 months because i'm using it right now in some of my six figure and seven figure stores [Music]. so before we can start creating our one product shopify drop shipping store, we need to have a product in mind that comes with good photography and good information to make our life easier and to give us the best quality store. now, if you haven't already got a product in mind, you can use a website like pixarcom and head over to the winners section, and this is going to show you loads of wooden products in different industries, different niches, and it's also going to give you all the relevant information about these products. so, for example, let's say i like this product, i'd click details and then it would show me everything about the product. now this is gonna be my product choice in the video. so this is the product that i'm gonna be using to design the website about. it's called the cordless air duster and you can see it's gonna give me the description and i can use this for my website. it's gonna give me the aliexpress link, the alibaba link, the amazon link, and later in this video you're gonna understand why it's important to have the amazon link, the aliexpress link, the alibaba link, also other stores selling it so you can see how they've designed their store and take good things from their store and repurpose it for your store. but if you haven't already got a product or you haven't got good information, then i recommend you use peekster to help you get that. so once you've got your product in mind, you want to head over to the aliexpress link for your product. you can see this is my product. it's got a thousand orders, 4.8 star reviews. you only want to be going with a product that has got good reviews and has got good photography, because if you scroll down you can see this is the photography that's going to come with my product, because this is the imagery that i'm going to be using on my website. so if it's not good photography, or if it's not good imagery or they don't have good videos, then it's going to make your website look bad. a great extra bonus is if your supplier can give you a video of the products you can see here. i've also got a video of my product, and the reason why is because you're going to be using this video on your website after you've edited it to be suitable for your landing page. now, once you've done that, you want to download a chrome extension called ali save and that will give you the option to actually download all the images by clicking this little icon once you've downloaded the chrome extension, and it will also give you the option to download the video. if you've got the pro version- for one dollar- and i'm not sponsored by them at all- and for the images when you scroll down on the listing, you will either have to contact the supplier and ask them to send you them, or you'll just have to print screen them, because you can't actually right click these images and save them, and some of the images in the listing below is actually better than the main images in the actual product info. now, once you've done that step, you want to head over to this link here, which is my exclusive shopify 14 day free trial link, and by using this link, you'll get 14 days for free, and sometimes you can actually get even more than 14 days for free. it just depends when you use the link. now, once you've set up your shopify account and you've started your 14 day free trial, your screen should now look like mine, and you want to head over to the bottom here where it says apps, and you want to click on it, and then it should open up this page. now, once you've done that, you want to go to where it says recommended apps, and then it should pop up this page, and then you want to go to at the bottom where it says shopify app store, and you want to click that link. once you're on the shopify app store search bar, you want to search for these two apps. the first one is going to be called auto ds. now, what auto ds lets you do is it lets you import the product through aliexpress and loads of different other websites, like cj, drop shipping and loads of other ones, and it will also automatikally fulfill every single order for you once you get orders on your website. now, an alternative to this used to be oberlo. that was the really common one, but they shut down now. another alternative to auto ds is actually ds's. now, i think auto ds is better than ds's because it actually gives you the automatik fulfillment option and loads more features. the only downside to auto ds is it does have a 30 day free trial and once that's done, it will then be a paid subscription. now, if you do not want to do that, then you should use dss, because it is free forever as long as you're on the lowest tier. now, once you've downloaded the also ds up, you want to head back over to the aliexpress link for your product, like here, and it should say somewhere around here: import through auto ds. mine's not saying it because i've already done it, but you want to click that grey button and it will import it into your website. now, once you've done that, you want to head into the auto ds app by going back into shopify, clicking apps, then auto ds, and you want to go to where it says drafts, and where it says drafts, it should show you the product that you've just imported and you want. you want to click the import button. after a few minutes it should show the product in the product section here as a live product on your website. now the best way to double check that this is actually worked is by going to where it says products in the shopify dashboard and making sure the product shows up under active now. as long as your product shows up here, then it has worked. so now we've got all that out the way. we can move on to the fun part of this video, which is creating the shopify store right now. so you want to head over to the shopify dashboard, go to where it says online store and then it should take you to a section that looks like this and it should have the dawn theme as the current theme. then you want to scroll down to where it says popular free themes and you want to go to where it says the refresh theme- this one right here- and you want to click the add button after a few minutes. after you've done that, it should now show it und.

More:biaheza dropshipping reddit

Shopify Tutorial for Beginners 2022 (FULL Store Setup Guide)

in this shopify tutorial, i'm going to take you through, step by step, how to build a professional shopify store from start to finish. we're going to cover every single step, from signing up to shopify to launching your finished store, ready to sell your products. that includes choosing a theme, customizing your store website, adding products to your store and also important things like setting up your legal pages, your payment providers and your shipping information. i'm also not going to waste your time rambling about things that aren't important and then try to sell you a drop shipping course for 9.97. this video will simply help you getting your shopify store up and running as efficiently as possible, while also learning how to use shopify. so let's get started. so the first step is to go to medicsmediacom forward slash shopify or simply click on the link down below in the video description. this will get you a 14 day free trial for shopify. so do that now and we'll go from there. great. so once we're here, we can simply type in our email address right here and then click on start free trial, and then we also gonna have to set a password for our new shopify account, and down here you can also see the current url of your new shopify store now. you can change that if you want to, but eventually you're going to want to get your own branded domain, something like medicswatchescom anyway, so i wouldn't worry about that too much. and then you can click on create your store. now they want to ask us a couple of questions about our business, which we can actually simply skip right here, and then they ask us for our name and business address, which is actually required in order for us to create a new shopify account. so fill that out right here and then click on enter my store. awesome, so that will take us inside of the shopify dashboard, which is what you're gonna learn how to use in this video. however, we're not gonna cover every single thing here in the shopify dashboard, because a lot of it is self-explanatory and i think the best way to learn everything is to actually start building out your store and then learning by doing learning the features when you actually need them. so i want to dive right into the fun stuff and start building out our store. alright, so the first step is to go ahead and choose a theme for our new online store. so we're going to go to online store here on the left side, then we're going to go to themes, and then we can see that the current theme that is already installed on our online store is the dawn theme. this is the default theme that comes with every new shopify store. now, choosing a theme, you want to make sure that the theme already is kind of the design that you're looking for, the structure of the of the website that you're looking for. so you have a minimal amount of work you have to do until you are ready to launch your store. so what you can do is you can go to actions, click on preview and then you can see how this current theme is actually built up, and then you can decide on if this is actually the right theme for you or if you want to choose a different theme. now, if you want to choose a different theme, you have a couple of different options. so here, when we scroll down, we can see that there are some free themes that we can use that come with the shopify plan, or it can also go to the shopify theme store right here and then also check out paid themes, which you're gonna have to pay for. so what you can do right now is to go through some of these options. i would recommend to first click on explore free themes right here and see if any theme here really fits your brand, your, your kind of store or the products that you want to sell. so eventually, all we have to do then is to add our products, add our branding and add all of our content, and then our store will be ready to go. what i'm gonna do in this video is simply choose one of the free themes right here. so i'm gonna click on explore free themes and i'm actually going to go for the brooklyn theme right here, so i'm going to click on the brooklyn theme. they also have a couple of different styles for each theme, so you can click on different styles and decide on which one you like the most. i'm gonna simply stik to the classic style right here and then i'm gonna click on add to theme library here on the bottom, and then, once the theme has been added, we can see it right here, and in order to actually change from the default theme to the new one we have just added, we need to go to actions right here and then click on publish, then again confirm right here, and now our theme will change to the new theme that we have just added and now we want to start building out our store. so we're going to scroll up again and then we're going to right click on customize and click on add link in a new tab. this way, we still have our shopify dashboard open in the background and we can work on our shopify store in the shopify editor right here at the same time. so now we are in the editor of shopify, which we can use to build out our online store website. so i'm going to give you a quick overview over how this works and then we're going to start to build out our website. so here on the top you can switch from different pages. so right now we are on the home page. you can also switch to your product pages, to your collection pages, blog pages and so on. but most of the work we're gonna do here on the home page and you're gonna see that all the other pages- like product pages, checkout pages- they're already built up for you, so there's not much design that we have to do on these pages. then you can also change from desktop view to mobile view or full screen view. so eventually you want to make sure that your store looks very good on mobile as well, because a lot of the traffic nowadays online comes actually from mobile phones. but however, we're going to build out everything here on the desktop view. then the site is built up in different sections, so it always starts with a header section here on the top and then on all the way in the bottom there's the footer section where you're going to have a couple of links and your legal pages and so on, and in between the header and the footer there are the sections which you can decide what you want to put in here. so by default we have a slideshow section here on the top where you can feature your store or your products, and we also have a menu here on the top which is part of the header. then we have another section, the rich text section. right here we have collection list, we have feature collection and so on. these are all sections that you can add manually and also remove. so, for example, if you want to remove the which, the rich text section, we could simply click on it and then we can click on remove section right here on the bottom. now, depending on what screen size you have, this menu might also display here on the right side for you, but for me it's here on the left side- then you can click on remove section right here and, just like this, this section is now gone from our website. you can also add new sections by clicking on add section here on the bottom left, and then you can decide on what kind of section you want to add. so let's say, we want to add this rich text section. again, we can simply click on which text section, then it will add it here on the bottom and now we can also drag it to another position. so we can drag it here up to maybe below the slideshow, and there we go. we have this section now on our home page again. so let's actually start building, and the way we're going to do it is we're going to simply go from top to bottom and we're going to start with the header. so we're going to click on the header here on the left side and the first thing we're going to do is to add our logo to our store. so i'm going to click on select image right here and then we're going to choose the logo that i have prepared for this specific store. so i'm going to click on upload an image and then i'm going to choose this image right here, which is:

More:Sell These 10 Shopify Products RIGHT NOW

How To Design A Shopify Store Like a PRO (& Sell More!)

if you don't spend the time and effort on crafting a nicely designed Shopify store, you can forget about making sales with that store, because your store design is something practikally everyone sees before they purchase your product and it's also what they use to navigate to that important checkout page. so in this video i'll go over the exact store design, layout and design essentials you need to know about, with examples, so you're able to skyrocket your shopify sales. so the best way to show you the must-have shopify design essentials to implement in your own store is to just simply show you on screen. so the first store we'll deep dive into is a store called aloe yoga. so getting stuck into it on screen, here i'm gonna go through uh, why the store is great, and a few more examples other than this store. but before we get started, let's quickly check using this wapalyzer tool here that it's actually a shopify store. so you can see here that it is indeed indeed a shopify store and this tool, by the way, highly recommend that you use it and grab it. it's completely free and you can install it as a chrome extension. it gives you a whole load of back-end data on basically any website. so to get started, as you can see, the home page is very clean. it's product centered and below here you can immediately see that they have the instagram social proof and then the best seller alerts. so really simple and clean store. it's a large product catalog so it needs to be as clean as possible, simply because there's so much display here. but i want to show you what they do so well. if you look at their product catalog right here, which is just the yoga mat, you can see that there's a consistency with their product imagery, so they don't have, you know, like, um, like a whole load of different product shots, but it's all the same product shot, but just with different variations in color. so this is something to be really wary of. if you have multiples of products or if you have variants or you have a large product catalog, it's really important that you display these items as clean as possible, and this can be achieved really simply through product imagery. and if we jump into one of these products as an example, the product page is even better in my opinion. so you don't see any product description on the side here, right, you just see the product imagery, the name, the price, the variations and simply add to bag. but if you do need more information about the product, like most of us do, we're likely going to scroll down below, above the fold. so this is where you get the description, the fit, etc. etc. but this is a really, really nice and clean setup of the product page. and what i really like about this store as well is that they include videos within their product images. so you know, this is not a requirement, but as you grow, i think this is something that most stores should look into and it's really easy to implement. on your own shopify store, you can easily upload just a video into the image catalog. i think one of the things that you'll notike really quickly with the examples i'm giving you today is that the product images is a core element of all stores. now i understand like it can be really expensive to take images, get a photographer and get really professional photos. so i want to show you a quick hack, and i've recommended playset many times, but it is so essential for a lot of the stores that i run and the businesses that i run. this is a such a simple way to grab images and mockups and designs without needing to hire out, you know, a studio and a photographer and get it professionally edited, etc. etc. like you can immediately mock up a yoga mat as an example, um, and upload that immediately and it looks superb. so i've just uploaded this logo here as an example. this is our logo and i'm just going to click crop and you can see that it immediately adds onto this yoga mat and you can change the background to be transparent. you can change background to be, you know, green teal, whatever it might be, and this in itself is going to save you so so much time. so place. it is a huge integral part to really quick mock-ups, um, and it doesn't need to be a yoga mat. obviously. they have a whole load of different products that you can mock up. if this is a tool that you're interested in, i'll drop a 15 off code down in the description box below for you to check out. moving on to the next store: now this is chaos. it is an advanced print on demand store. it's pretty straightforward, ridiculously simple and clean. one element that i really appreciate is that they have a floating transparent header on top. so if we scroll down, you see the section up here with their logo and the hamburger menu here. if we scroll down, it's stiky, it follows you, it shows you, you know where you're at: the brand, the cart, the quick search button and the hamburger menu- incredibly simple but important. these things all add up to how to create a really enjoyable uh store experience. the ugc here, which is the user generate generated content, is a big, big part of this store. so under here you can see that they have a almost instagram like feed of different products and also user generated content in this section. it depends on the type of product that you're planning to sell, but ugc is so incredibly important, really easy way to show off your product and create that social proof. big part of this is personalization. it's having your initials on these phone cases. so, um, let's jump into this product here. this is such a simple product page. uh, it's a step, step-by-step process because it is all about customization and print on demand. you select your case size, whether it's a 12 pro max or whatever it might be, your case color, your initials, you type it in and i should update on the fly. i think, yeah. so having a preview and having a mock-up of your product is again so important. i just mentioned this, but it is so, so important. and if you're wondering: how do you get this step-by-step customization process? well, there's a lot of different approaches you can take when it comes to that, but one of the options that i recommend is infinite options, which is a very easy solution where you just install this app and you get a whole bunch of different options that you can customize. there's actually a free way to achieve this if you're a bit adventurous and you want to learn how to code. so this is an example store that i found where they use liquid coding to get all these custom attributes and features in. so if you are experienced with coding, or liquid coding specifically, and you want to save a few dollars every month, then this is a great approach too. i'll probably leave a link on how to achieve that. going back to the store now, you can see it is step-by-step process up the top and really there's nothing distracting you here. it is again just focused on adding to bag. that is it. if you want to read more, there is a waterfall function here where you can see the different details and delivery, returns and whatnot. contrary to popular belief, you don't need a long essay about your product, especially if it's a very simple product like a phone case. there's not all too much to say about it. you don't need to sell it too hard and you know tok about how fancy the materials are and what not. like chances are it's not going to be like. you need to rely on other things like customization, user generate content, marketing off the store. all that good stuff, and really the product page, is to be focused on simply just getting the sale, getting people to add to bag and enjoying that seamless transition from adding to bag to check out and that is it. so moving on to the next option here: nerd wax. this is a great example that i want to show you because we're moving on to a one product store, the one product store.

Customize your Shopify Theme FAST | How to Design Shopify Store 2021

let's be honest, your store design matters, and if you have a really ugly site, people are just going to leave and they're not going to purchase from you. so in this video, i'm going to show you exactly how to customize your shopify store design. as soon as someone comes to your site, they only have about seven seconds before they decide if they want to look longer on your site or leave. so those seven seconds really matter and design matters when it comes to that. you want to make sure that your site is eye-catching and it really speaks to your ideal customer. so how do you do this? you really need to pick out your shopify theme and make sure that it works based on what kind of imagery you have. if you have a lot of really great big images, then pick a theme that's going to highlight those. but if you don't have a lot of great product shots, then you want to make sure that you pick a theme that's not going to be heavily reliant on that. once you've chosen your shopify theme, then it's time to customize it, and this is where it's important to create different assets, choose your fonts and colors to make sure that it's appealing for your ideal customer. so this is super important, but a lot of times people kind of overlook the design step. so i'm going to show you really quickly how to actually customize your design in the back end of shopify for both your home page, collection page and product page. so to get here, you're going to click on online store and then you'll see themes there from the list. so now that we are on the themes page, you can see your live theme here. this is what your customers are actually seeing whenever they come to your site, as well as your online store speed. we've done another video on how to speed up your site, so i will link that in the description below and in the info cards above as well. and you can also see the theme library so you can upload your theme if you've purchased it somewhere else, or you can explore the different theme options available. so, for example, if you click on explore free themes, you'll actually see a pop-up of all of the different free themes that are available here. the one problem with this is, if you click into it, you can't really see how the site overall looks, as well as how it looks on mobile. you can just kind of see the different styling aspects. so what i do recommend that you do is actually visit the theme store. so if we just click on this here, you can see the full theme store, and this is both free and paid themes. so what i like to do whenever i'm trying to decide on a theme for a shopify store is i'll actually go to all themes up here at the top and then you can see the sidebar here of sorting options so you can actually sort through and you can see. you know, based on you just want to see themes that are just for single products. so if you click on that, then it shows you just that product or specifications on the right hand side so you can better narrow down what kind of theme that it is that you are looking for. so if we unclick this, let's just go ahead and go with a free theme and we can click on free here and now we can see all of the different free themes. that, again, we did see in that pop-up already. but the difference is now we can actually click on the theme, we can again see the different styles that it includes as well as we can view the demo. so if we click on this here, we can now actually view the demo of the theme, see exactly how it looks, as well as a really important feature, which is seeing how it looks on mobile. so if we click on this mobile phone device, we can then see how it looks on mobile devices. so we also just posted a video about how important it is for mobile devices and stylizing your site. so i'll also link that below if you want to get a little bit more information on how to make sure that your site is really performing well on mobile devices. so if you decided that you wanted to go with this theme, you would just hit add theme here. let's go back to our shopify store backend and we're just going to go ahead and use the default brooklyn theme that we already have set up. so you have a couple options. you can click on actions. you can rename the theme, duplicate it so that that way you have a copy of the original. you can also download the theme file and edit the code. so this would be if you knew exactly. you know specific things that you could edit in. or if you were a developer, you could go in and edit the code. you just want to be careful here because you don't want to make any changes that you're not going to be able to fix, and then it's going to edit your site and you're going to have issues. you can also change the languages of how things appear on your site, so this would be more tiknical terminology. so you can go in and do these different options. but what we're going to be doing in this video is we're going to be customizing this theme. so i'm just going to go ahead and click customize here and now we can see here we've got some default things added in on the left hand side that we can customize as well, as this is the default setting. so we're going to start going through and doing these different options. i do want to mention real quickly that this is just a test site that i'm using for this video. so all of the images and products that i'm using are from a company called rifle paper company. if you like any of the products or images that are featured here, definitely go check out their site at riflepapercodecom. so back to our site here. let's just start off first with the header area. so you can see, here this header area is going to be default and standard throughout our entire site and that's right here, with the logo that we will change out, as well as our navigation. also, if we scroll down to the bottom, you can see here there is a footer area that's going to be the same throughout our site as well, and then all of these areas in between are specific to this home page design. so we'll go ahead and do the header and the footer first, and then we can come back to the home page design. so let's click on header and then we can see all of the options that are specific to this header. so first off, we can add in an image here so we can hit select image, and i've already got a few added in. but you could just click upload and upload that from your computer as well. but i'm just going to add our logo in, click on it and hit select. we can then see that we can change the width of this so we can make it bigger if we wanted, or we could make it smaller. all the themes are going to have different options based on the theme that you choose, so you're not going to see exactly what i'm seeing in terms of the options here, so you'll just want to go in and play around a little bit. we can also change the color for links and icons and have a transparent header. so right now we have- this is our big slideshow image and we have our logo and stuff laying on top of it. if we didn't want to do that and we wanted it to be a white bar behind it or another color, we could just click on this here and now we can see that's a little bit more prominent. so let's go ahead and leave it like that. if you were going to have your logo over the homepage slideshow, this theme does have additional options, like you can add a white version of your logo or change the header, links and icons, just to make sure that it shows up a little bit more. we can also see here we have different types for navigation. if we wanted it to how we wanted the navigation to display, we will just keep that as it is. we can also see we could change the menu out, so we just have one menu for the main menu area here, but we could go in if you had multiple different types of menus and you could change that out. and there is a secondary sidebar menu which would, i'm guessing, show on mobile devices. so we'll just keep that at the footer menu for now. and lastly, we have different things here for the announcement bar. so that's this up here at the top, so we can choose to only show this on the home page. change out the text.

Shopify How to Customize Pages | Detailed Tutorial for Beginners

[Music]. what's up? youtubers? edwin anthony here again, back at it with another video tutorial from shopify. in this partikular video, we're gonna go ahead and learn about how to add sections to a page, right? so i'm sure that you guys have tried to make those regular pages kind of like, look kind of nice. so i'll give an example. if you have a page, let's say that's informative, but it just looks kind of bland. uh, that's what this video is going to cover. so, first of all, before we begin this uh training, all i ask just to support it. uh, just go ahead and demolish, like. go ahead and just take your keyboard and just slap your computer screen and just press that blue like button. press the blue like button, smash it, demolish it, do everything to it, make it turn blue. that's what we asked for. uh, if you're not subscribed and you like this type of content, yeah, welcome to the team. just press that red button and now you're gonna get my videos right. uh, always giving you the up and about on how to make things without hiring developers and all that good stuff. okay, all right. so first things first, we're gonna need the turbo theme right, and this is another reason why i wave the turbo theme flag all day. so if you don't have the turbo theme and you want to get started on that, go ahead and look in the description. there's a link down there and that'll take you to the teams out of the sandbox website. it's going to look like this: right click the link on the bio. it's going to kind of look like that. you'll go right here to where it says turbo and then you go ahead and make that investment. okay, all right. so how do we do this? first off, first step, let's go to where it says pages and make sure that your theme is installed. if you haven't watched that video, i'll leave a link, also on the upper right hand corner, come out so that you guys could see the installation process of how to install turbo once you actually purchase it. so let's say that it's already installed. you go ahead over here to where it says pages and we're going to add a page in this page. we're going to call it custom page, just to keep things very simple: custom page. we're not going to put any verbage yet, okay, so don't focus on this part right here. just type in the name of the page that we want to tok about and this is where it gets exciting. right here, where it says template: by default, you're always going to have page right, and so this is where the real value of turbo comes in. we click on this drop down and we see that we have numerous templates that we could use. um, so it's not just page. we could have, you know, page banner, uh, page contact, custom right. so if you want either the regular uh contact form or if you want a customized contact form, you could go ahead here and do so. so, basically, whichever one that you feel that might be right, i'd say, just play around with this and um, always leave this page open or this tab open on your website. so what we're gonna mess around with here is: let's see, here we have page banner, contact details. let's go ahead and do details. let's let's do page details and then press save. so that's the first step. right, here we create a custom page and then we change that template of this page to be called page details. that's half of the work. again, don't do anything here, let's move on, okay. so the next step, once you actually save that page, what we're going to do now is go to where it says navigation. we're going to go to navigation and let's go ahead and go to main menu again. if you haven't watched any of the previous videos, i suggest you to catch up to that so that this doesn't seem foreign. uh, let's go right here to main menu. and we want to make a very high level menu to tok about that custom page. so i'm gonna go right here where it says add menu item, let's click on link and let's click on pages and we want the custom page right. it automatikally labels that out, press ok there and press save. that's the next step. okay, so first step was to create the page, set up the template. now we're going to navigation and plugging in that page. so it comes out in the main menu. let's go to online store. once we're here, let's right click on customize so that we won't lose our place. click on open link with a new tab. we want to open a new tab so we don't lose our place on the back end from here. what we're gonna do. we'll notike that in our menu there is custom page. all right, so we're here in in the main menu, click on custom page. let's go to that destination. while we are in customized steam, let's click on this and there you have it. we are in a demo mode of this custom page, right, which has, uh, these details here. so far we're almost done. we want to make sure that we get every bit of detail into this. let's click right here where it says page detail- that's what we want to focus on. and look at these sections here, all of these sections that you see right here. that's all of this stuff right here. now can you move this around? absolutely, let's go and put this map over here. uh, let's put you know, let's put this, uh, staff favorites, let's put this up over there. right, you could do whatever it is that you want with it, right, but let's just pretend that you just want to start from scratch. you're like, ah, this is nice, but this is not in the direction that i want to go with. okay, that's perfectly fine, let's start from scratch. so i'll click on the first one. see, on the bottom right here: remove this, our story. let's get rid of that. let's get rid of dividers too. let's get rid of everything. we want to start from super scratch, because, although this is nice and dandy, you don't want to, uh, get, you know, confused or any type of anxiety, like i don't know what to put here. all this predetermined stuff. let's just get rid of all of this. let's get rid of all of this right here. great, now i'm starting from scratch. right here it says: add content. let's click on that and look at all of the sections that you could create based on the things that we're toking about. so how do i start off here? so we have blog post, contact, custom html divider, featured collection, image gallery. image gallery with text image gallery. image with text overlay. this is actually pretty good to start off with. so if i click on this one, it'll come out like that, right, it'll have like its own dedicated page. um, excuse me, banner, but with, you know, no pictures on the background and we have some text. so let's go ahead and delete some of this text. here let's say that, no, we don't want this. and um, let's say that we don't want, hmm, we don't want a button, because obviously they arrive to this page, but we do want to say whatever it is that we want. so you could go ahead and change the headline text, as you can see, right here you could say whatever you want, and right here and more, okay, and then image: we could select whatever image that we see fit here. so we could do something like this. or we could do something, let's see, like that, right, because it's a, it's a custom page, it's just a random custom page. it's informative, if anything, right? so a lot of people i could see that, if they want to tok more about their business and stay informative. this is the first banner to start, right next up. let's go what's next? so next we could put either divider or we could put, let's see here, image with text page recently. ah, rich text with image. what's this look like? ah, tok about your brand. so, right here you get to kind of like say whatever it is that you want. so you know, this page is awesome. there's so many things that you could do with this, and this is exactly why i like turbo. so this is set there. okay, great, let's not lose our place. let's press save. every time you're adding a section, i always advise you guys to press save and then let's add another one. so what other thing? so we could even feature a collection, right? so, wow, that's pretty. it's like: throws a super long list. we don't want that, right? uh, let's say: let's just keep it down, limit our products to four. let's do four and four on the products per row. there we go, so we have kind of like featured products here ri.