Welcome back.
And as we continue to take your store to the next level, the next section we're going to look at is
this section here image with text.
Now at this stage in the course, I'm sure you're beginning to appreciate that the theme editor has
an enormous amount of powerful functionality.
And when it comes to the different sections that we could add to the home page, there are many different
options.
And you might remember many lectures ago I introduced you to some of those options, but let's just
have a look at them again just to remind ourselves.
So going back to the theme editor, I draw your attention to this part way down here at the bottom add
section.
And if I click on add section it brings up a whole series of sections.
Now of course in the last lecture we were looking at the featured collection, but we also have featured
product collection list rich text image with text which we're about to look at, image, banner, slideshow,
collage, etc. and in fact, in many ways we are overwhelmed with the number of options that we could
have.
And so with that in mind, it's at this point that I want to give you what I consider to be a really
important design tip.
And that design tip is less is more, in other words, a clean site that is easy to navigate and that
doesn't confuse your visitor in any way, is way better than a cluttered site with multiple sections
that can become, if you're not careful, a very poor user experience.
And if your user has a bad experience, they will leave.
And not only that, they won't come back.
So if we look at the existing design that we have up to this point, I have in fact been following my
design tip that less is more because at the top here we have a very simple menu where our customers
can easily find their products, followed by an impactful image that says almost immediately what our
site is about, overlaid with a very clear and simple title and subtitle.
Below that we have our featured collection where people can check out our latest products.
And then finally to the image with text.
Not forgetting, of course, the bottom menu where we added our policies.
A clean, simple design that's easy to navigate and allows my customers to easily find the products
that they're looking for.
Now, just to be clear, what I'm not saying is that you have to follow exactly this design.
Of course, you're going to come up with your own design, but when you do, try to keep it simple.
And I would also like to point out that I am in no way excluding any of the other section options.
If you want to go ahead and add in a collection list or an image banner, or perhaps a slideshow, or
indeed any of these options, I would definitely encourage you to experiment with that, but just promise
me that you'll select either 1 or 2 sections so that your store maintains a clean layout and your visitors
can easily find your products.
Less is more.
Okay, so let's get back to actually completing this image with text section.
Now, hopefully it's fairly obvious that the purpose of this section is to highlight a single product,
so that could be a product that's selling really, really well.
Or perhaps it's a new product that we've just added to our store, or maybe we're running some kind
of promotion.
Whatever the reason, the image with text section is the perfect way to highlight that.
And so to show you how this works, I'm going to highlight my dog backpack.
So back to the theme editor.
And this time I'll head down here to image with text.
And just open up that little submenu and then click on the main heading itself, because it's here that
I can now select my image.
So I click on Select Image, which brings up my image library.
And so therefore all I need to do is to scroll down through these various images until I find the one
that I want to use.
And that is going to be this one here, my little dog backpack.
So I select that and click on done.
And my image has now been added.
So now let's save that.
And then of course we want to edit this heading.
So coming out of here I will click on the text section and replace this text.
And what I'm going to do here is imagine that I've just received this product.
And so I'm going to put just in our new Brilliant Dog backpack.
And then to the text I'll click on the text box, remove the placeholder text itself and replace it
with we are so excited to announce the arrival of our brilliant dog backpack.
Why not treat your dog to the ultimate gift?
And then for the button label, I'll come down here to button and replace this with a nice call to action.
And so I'm going to put grab it now.
And then.
Of course when they click on the button we want them to go directly to the product itself.
So here under button link, if I click into this box and select products I can then choose my Brilliant
Dog backpack.
And so now let's save our work.
Head back to the site and refresh.
And now when I scroll down here, it is just in our new Brilliant Dog backpack.
And of course we.
Are so excited to announce the arrival of our brilliant dog backpack.
Why not treat your dog to the ultimate gift?
And now when I click on the button, grab it.
Now it takes me directly to the backpack itself.
And so there you go.
That's image with text.
And I hope you would agree.
It really is a fantastic way of highlighting a single product.
But at the same time, as I emphasized earlier on in this lecture, definitely experiment with the other
sections, because for you, you might find something that works even better.