So welcome to part two of themes.
And what I want to do now is to get into more detail of how the theme editor is actually laid out.
So first of all, you can probably see already that we have three main sections.
We have the header, we have the template and we have the footer.
So if I go back up to the header you can see there are two sections the announcement bar and the header
itself.
Now if I open up the announcement bar you can see this text here.
Welcome to our store.
And of course that relates to the text over here.
Welcome to our store.
And if I were to actually click on the text itself, it opens up another text box where it gives me
the possibility to change the wording.
And I could link it to any part of the store that I wished.
Then coming back out of here and going to the header, if I click on this, it opens up a submenu for
the header, which includes all of the parameters that I would need to change my logo and the menu.
And of course, we're going to be coming back here in a moment so that we can actually add in the logo
that we created just a couple of lectures ago.
But right now what I'm going to do is just come back out of the header.
Because if I go to this text once again, welcome to our store and hover over it, you see two icons.
We have the delete icon and then we have this little I.
Now I think the delete icon is pretty obvious.
If I click on that it's going to completely remove that text.
But if I click on the little eye here, it will simply hide it.
And that's actually what I'm going to do.
Because for the time being, I don't want to show.
Welcome to our store at the top of my site.
So I'll click on the little eye watch the right hand side as I do so.
So I click on it and the text and therefore the announcement bar are now hidden.
So now let's go down to the template.
So you can see here underneath the image banner we have browse our latest products and buttons.
And that of course relates to this text here.
Browse our latest products and the button shop all below.
Now of course I can also edit these if I hover over browse our latest products.
I could in the same way as the announcement bar, either delete this or hide it, but if I click into
it, I have the option to change the text.
And then for the button if I click on buttons, here is the shop all text that I could change, and
I could also change the button link to send my customer to any part of the store that I wished.
And then for the image banner itself, if I actually click directly on the text, it's here that I can
change all the parameters related to this section of the site, including the image itself.
So it's here in a moment, we're going to add in that fantastic hero image that we created.
And then finally within the template we have the feature collection.
And when I click on Feature collection, it shows me this section where I could highlight or feature
any particular products directly on my home page.
Now, I'm not necessarily expecting you to take in all this information in detail, but what I do hope
you are realizing is how simple and powerful this editor is to use.
As ever, it's all point and click and you don't need any technical skills.
It really is a fantastic tool to enable you to create an incredible store.
Now, I'm pretty sure that you also appreciate now that all of this can be changed at any time.
And with that in mind, there is one last feature that I want to show you before we actually add in
the logo and the hero image.
And that is this part here where it says add section.
So if I click on add section, it brings up a whole load of pre-built sections that I could very, very
easily add into my store.
So you can see by default that it's showing the feature collection that we already have.
But I could create a featured product section where it's showing only one single product.
I could also have a collection list, so highlighting groups of products that naturally go together,
or perhaps rich text, allowing me to create a nice, bold statement that talks directly about my brand
and what it stands for, and so on.
Now, I'm not going to go through all of these, but I would like to add in the image with text just
to show you how this actually works.
And so you can see that the image with text is basically an image of one of my products, and then some
text and a button underneath that would take my customer directly to that product from the home page.
So if I click on image with text, it immediately adds in the image with text section.
And of course gives me the editor so I could make any changes that I want.
Now we will revisit this later on in the course as we build out a really fantastic home page.
But right now, all I want you to appreciate is if I come out of this.
It has, of course been added to the menu within my template.
So at this point, let's save all those changes and then come out of the theme editor altogether.
And to do that we come up to the top left hand corner here and click on exit.
Because if we now go back to the store itself, we should see the changes that we made.
And in fact we made two.
First of all, we hid the announcement bar.
So as you can see, that's no longer showing.
And then as I scroll down through the site itself, here is the image with text section that we.
You just added.
So everything is there as we would expect.
So now let's actually go ahead and add in our logo and the hero image.
So to do that go back to the admin section and themes.
And of course click on the customize button to return to the theme editor.
And then to add in the logo we click on header as before.
And you can see here it says edit your logo in theme settings.
So we click on this link Theme Settings and you can see here select image.
I click on Select Image.
It shows me the images that I've already stored on my site.
And of course one of those is the logo.
So I select the logo, I click on done and it adds the logo to my store.
And I hope you would agree.
That looks pretty cool.
Now I might want to make it slightly bigger.
It is a little bit small perhaps, and in order to do that I can just change the logo width.
So let me make it a little bit bigger and there we go.
I think that looks absolutely perfect.
And so with that done now let's add in the hero image.
So to do that the first thing we need to do is to go back to the sections.
So come up here to the top left where you see sections.
Click on this and then come down as I'm sure you remember to the image banner I click on Image Banner
and it's here the first image that I want to replace.
So I click on Select image.
And this time of course I'll select the hero image.
I click on done and my store is instantly transformed.
Suddenly it's really starting to have a professional look and feel.
So as before, let's check how this actually looks on the site.
So we'll come over here and click on save.
I'll come out of the theme editor over to my store and here we go.
And I hope you would agree that really is a dramatic change in really just a few clicks.
And then just for completeness, if I come down and click on the Shop All button, it takes you to a
page where you'll be displaying all of your fantastic products.
Now, of course, at the moment you don't have any products, but guess what?
In just a few lectures time, I'm going to be showing you how to add best selling products to your store
that will sell.
So I really hope that these last two lectures have started to give you an appreciation of the incredible
power of themes, and more importantly, how amazingly easy they are to use in order to create a fantastic
looking store.
Now, it's also at this point that I want to say, and you've probably figured this out already, this
course isn't about me building the absolutely perfect store that you can then go ahead and copy.
But what I am doing is giving you all the tools to succeed.
I strongly believe that anybody can build out a fantastic business with Shopify, and you are no exception.
And to help you on your journey, I talked before about how I offer free mentorship.
Well, in the next lecture, I'm going to show you how you can get in contact with me should you need
any help along the way.