WEBVTT 00:00.110 --> 00:02.540 So welcome to part two of themes. 00:02.540 --> 00:07.430 And what I want to do now is to get into more detail of how the theme editor is actually laid out. 00:07.430 --> 00:11.570 So first of all, you can probably see already that we have three main sections. 00:11.570 --> 00:15.950 We have the header, we have the template and we have the footer. 00:16.010 --> 00:22.070 So if I go back up to the header you can see there are two sections the announcement bar and the header 00:22.070 --> 00:22.760 itself. 00:22.760 --> 00:26.630 Now if I open up the announcement bar you can see this text here. 00:26.630 --> 00:28.220 Welcome to our store. 00:28.220 --> 00:30.620 And of course that relates to the text over here. 00:30.620 --> 00:32.030 Welcome to our store. 00:32.030 --> 00:37.370 And if I were to actually click on the text itself, it opens up another text box where it gives me 00:37.370 --> 00:39.740 the possibility to change the wording. 00:39.740 --> 00:43.010 And I could link it to any part of the store that I wished. 00:43.010 --> 00:50.330 Then coming back out of here and going to the header, if I click on this, it opens up a submenu for 00:50.330 --> 00:56.000 the header, which includes all of the parameters that I would need to change my logo and the menu. 00:56.000 --> 01:00.620 And of course, we're going to be coming back here in a moment so that we can actually add in the logo 01:00.620 --> 01:02.990 that we created just a couple of lectures ago. 01:03.230 --> 01:06.290 But right now what I'm going to do is just come back out of the header. 01:06.290 --> 01:11.930 Because if I go to this text once again, welcome to our store and hover over it, you see two icons. 01:11.930 --> 01:14.780 We have the delete icon and then we have this little I. 01:14.780 --> 01:16.760 Now I think the delete icon is pretty obvious. 01:16.760 --> 01:20.240 If I click on that it's going to completely remove that text. 01:20.240 --> 01:23.390 But if I click on the little eye here, it will simply hide it. 01:23.390 --> 01:24.770 And that's actually what I'm going to do. 01:24.770 --> 01:26.990 Because for the time being, I don't want to show. 01:26.990 --> 01:29.150 Welcome to our store at the top of my site. 01:29.150 --> 01:32.810 So I'll click on the little eye watch the right hand side as I do so. 01:32.810 --> 01:37.130 So I click on it and the text and therefore the announcement bar are now hidden. 01:37.130 --> 01:39.290 So now let's go down to the template. 01:39.290 --> 01:44.990 So you can see here underneath the image banner we have browse our latest products and buttons. 01:44.990 --> 01:47.210 And that of course relates to this text here. 01:47.210 --> 01:50.750 Browse our latest products and the button shop all below. 01:50.750 --> 01:55.520 Now of course I can also edit these if I hover over browse our latest products. 01:55.520 --> 02:00.680 I could in the same way as the announcement bar, either delete this or hide it, but if I click into 02:00.680 --> 02:03.410 it, I have the option to change the text. 02:03.410 --> 02:09.380 And then for the button if I click on buttons, here is the shop all text that I could change, and 02:09.380 --> 02:14.390 I could also change the button link to send my customer to any part of the store that I wished. 02:14.390 --> 02:20.630 And then for the image banner itself, if I actually click directly on the text, it's here that I can 02:20.630 --> 02:26.720 change all the parameters related to this section of the site, including the image itself. 02:26.720 --> 02:31.340 So it's here in a moment, we're going to add in that fantastic hero image that we created. 02:31.340 --> 02:35.630 And then finally within the template we have the feature collection. 02:35.630 --> 02:40.700 And when I click on Feature collection, it shows me this section where I could highlight or feature 02:40.700 --> 02:43.850 any particular products directly on my home page. 02:43.850 --> 02:49.550 Now, I'm not necessarily expecting you to take in all this information in detail, but what I do hope 02:49.550 --> 02:53.840 you are realizing is how simple and powerful this editor is to use. 02:53.840 --> 02:58.400 As ever, it's all point and click and you don't need any technical skills. 02:58.400 --> 03:03.110 It really is a fantastic tool to enable you to create an incredible store. 03:03.110 --> 03:07.850 Now, I'm pretty sure that you also appreciate now that all of this can be changed at any time. 03:07.850 --> 03:12.350 And with that in mind, there is one last feature that I want to show you before we actually add in 03:12.350 --> 03:14.450 the logo and the hero image. 03:14.450 --> 03:17.870 And that is this part here where it says add section. 03:17.870 --> 03:25.100 So if I click on add section, it brings up a whole load of pre-built sections that I could very, very 03:25.100 --> 03:27.110 easily add into my store. 03:27.410 --> 03:31.370 So you can see by default that it's showing the feature collection that we already have. 03:31.370 --> 03:36.320 But I could create a featured product section where it's showing only one single product. 03:36.320 --> 03:42.110 I could also have a collection list, so highlighting groups of products that naturally go together, 03:42.110 --> 03:48.380 or perhaps rich text, allowing me to create a nice, bold statement that talks directly about my brand 03:48.380 --> 03:50.540 and what it stands for, and so on. 03:50.540 --> 03:55.670 Now, I'm not going to go through all of these, but I would like to add in the image with text just 03:55.670 --> 03:57.590 to show you how this actually works. 03:57.590 --> 04:03.170 And so you can see that the image with text is basically an image of one of my products, and then some 04:03.170 --> 04:08.750 text and a button underneath that would take my customer directly to that product from the home page. 04:08.750 --> 04:14.000 So if I click on image with text, it immediately adds in the image with text section. 04:14.000 --> 04:18.530 And of course gives me the editor so I could make any changes that I want. 04:18.560 --> 04:24.140 Now we will revisit this later on in the course as we build out a really fantastic home page. 04:24.140 --> 04:28.010 But right now, all I want you to appreciate is if I come out of this. 04:28.010 --> 04:31.880 It has, of course been added to the menu within my template. 04:31.880 --> 04:38.330 So at this point, let's save all those changes and then come out of the theme editor altogether. 04:38.330 --> 04:42.410 And to do that we come up to the top left hand corner here and click on exit. 04:42.740 --> 04:48.320 Because if we now go back to the store itself, we should see the changes that we made. 04:48.320 --> 04:49.640 And in fact we made two. 04:49.670 --> 04:51.800 First of all, we hid the announcement bar. 04:51.800 --> 04:53.870 So as you can see, that's no longer showing. 04:53.870 --> 04:59.690 And then as I scroll down through the site itself, here is the image with text section that we. 04:59.810 --> 05:00.650 You just added. 05:00.650 --> 05:03.470 So everything is there as we would expect. 05:03.470 --> 05:08.630 So now let's actually go ahead and add in our logo and the hero image. 05:08.630 --> 05:13.010 So to do that go back to the admin section and themes. 05:13.010 --> 05:17.060 And of course click on the customize button to return to the theme editor. 05:17.390 --> 05:21.200 And then to add in the logo we click on header as before. 05:21.200 --> 05:25.250 And you can see here it says edit your logo in theme settings. 05:25.250 --> 05:29.870 So we click on this link Theme Settings and you can see here select image. 05:29.870 --> 05:31.580 I click on Select Image. 05:31.580 --> 05:34.730 It shows me the images that I've already stored on my site. 05:34.730 --> 05:36.920 And of course one of those is the logo. 05:36.920 --> 05:42.890 So I select the logo, I click on done and it adds the logo to my store. 05:42.890 --> 05:44.030 And I hope you would agree. 05:44.030 --> 05:45.500 That looks pretty cool. 05:45.500 --> 05:48.410 Now I might want to make it slightly bigger. 05:48.410 --> 05:53.690 It is a little bit small perhaps, and in order to do that I can just change the logo width. 05:53.690 --> 05:57.260 So let me make it a little bit bigger and there we go. 05:57.290 --> 06:00.050 I think that looks absolutely perfect. 06:00.320 --> 06:03.770 And so with that done now let's add in the hero image. 06:03.770 --> 06:07.370 So to do that the first thing we need to do is to go back to the sections. 06:07.370 --> 06:10.190 So come up here to the top left where you see sections. 06:10.190 --> 06:16.640 Click on this and then come down as I'm sure you remember to the image banner I click on Image Banner 06:16.640 --> 06:19.880 and it's here the first image that I want to replace. 06:19.880 --> 06:21.920 So I click on Select image. 06:21.920 --> 06:24.650 And this time of course I'll select the hero image. 06:24.650 --> 06:29.090 I click on done and my store is instantly transformed. 06:29.090 --> 06:33.200 Suddenly it's really starting to have a professional look and feel. 06:33.200 --> 06:36.530 So as before, let's check how this actually looks on the site. 06:36.530 --> 06:38.990 So we'll come over here and click on save. 06:39.020 --> 06:44.210 I'll come out of the theme editor over to my store and here we go. 06:44.210 --> 06:49.910 And I hope you would agree that really is a dramatic change in really just a few clicks. 06:50.180 --> 06:55.430 And then just for completeness, if I come down and click on the Shop All button, it takes you to a 06:55.430 --> 06:59.240 page where you'll be displaying all of your fantastic products. 06:59.240 --> 07:02.930 Now, of course, at the moment you don't have any products, but guess what? 07:02.930 --> 07:08.900 In just a few lectures time, I'm going to be showing you how to add best selling products to your store 07:08.930 --> 07:10.400 that will sell. 07:10.580 --> 07:15.860 So I really hope that these last two lectures have started to give you an appreciation of the incredible 07:15.860 --> 07:22.790 power of themes, and more importantly, how amazingly easy they are to use in order to create a fantastic 07:22.790 --> 07:23.720 looking store. 07:23.720 --> 07:28.100 Now, it's also at this point that I want to say, and you've probably figured this out already, this 07:28.100 --> 07:33.590 course isn't about me building the absolutely perfect store that you can then go ahead and copy. 07:33.590 --> 07:37.730 But what I am doing is giving you all the tools to succeed. 07:37.730 --> 07:44.060 I strongly believe that anybody can build out a fantastic business with Shopify, and you are no exception. 07:44.060 --> 07:48.740 And to help you on your journey, I talked before about how I offer free mentorship. 07:48.740 --> 07:53.630 Well, in the next lecture, I'm going to show you how you can get in contact with me should you need 07:53.630 --> 07:55.490 any help along the way.