Magento 2 Beginner Class; Lesson #23: Creating a Magento Home Page Video Lecture | Magento: Build an E-Commerce Site (English)

now that we understand how pages blocks
and widgets work it's time to move on to
something that you've probably been
waiting for creating a proper homepage
the way you do this is on the backend of
your Magento site go to content and
pages you'll see that we already have a
homepage here so we'll click select and
edit and this is where we configure our
homepage first we're going to open the
content group here and the very first
thing we're gonna do is if we go back
and look at our home page there's really
no sense in this saying homepage at the
top it's pretty obvious what that is so
I recommend in most cases removing the
content heading and we're just gonna
leave a blank you can put something here
but that really just kind of depends on
what you want for your store what your
preferences are down here in this text
area this is where the bulk of the
customization is going to occur in
regards to what you're putting on your
homepage the short version of how to
customize your home pages just to put
everything you want in here so let's see
how to do that first let's get rid of
that stock dummy content and we'll say
welcome to coffee bean central be sure
to check out our newest products now of
course you probably don't just want some
static text here thankfully we also have
the ability to add widgets
here let's go down the line and we'll
click this button in the WYSIWYG editor
the insert widget button and we can
choose any of these types of widgets
we're gonna go with catalog new products
list we're gonna say that on our home
page we're expecting people to want to
view new products or at least that's the
thing that we would most like to show
them for display type we can do all
products or new products now this can be
a little bit confusing because we
chose new products up here so what is
this asking for exactly all products and
new products on the display type refers
to whether you want products to show up
that only those that are marked
explicitly as new products in other
words if you remember when we create a
product we can set a date range that the
product is considered new if we select
new products here then when this widget
displays products it will only show
products that are currently marked as
new in our case we don't want them there
are plenty of cases where you might want
to do that but in our case we just want
to show all products but they're gonna
be the most recently added ones we can
display a page control if we say yes
then we'll have the option to page over
to the next page of the most recently
added products for a home page that's
usually not necessary you just want a
set number of products on the home page
and then let the user just browse
whatever they want again it's gonna vary
from store to store but we're gonna keep
this at no there's not gonna be any
paging then we're gonna set the number
of products to display we'll just keep
this at 10 I don't believe we even have
10 total products so that's not gonna
really make a big difference but
obviously whatever number you put here
that's the number of products that it's
gonna show we can choose our template
products grid template products list
template a few other things I'm gonna
keep products grid template that tends
to be the most attractive looking it
gives a picture it gives a description
it gives the customer the most
information they want that's more likely
to lead them to a potential purchase and
then we're not gonna worry about cache
lifetime here that's slightly more
advanced but basically this determines
how long the cache for this widget is
saved in other words so that the widget
is not updated more frequently or less
frequently than you want it to it has a
default value that we're not going to
get into we're gonna stick with the
default which is in most cases just fine
then we're going to click insert widget
and now we could do multiple widgets if
we want we can go down and add some more
text and add more widgets but we're just
going to keep things simple and just
show the newest products if we ever want
to go back and
something in this widget we can't of
course delete it and start over or we
can double click it to bring back up all
the settings but I'm gonna close this
out because there's nothing else that we
need to change if we scroll down to
design we could also change the layout
of our homepage if we want but we're not
gonna worry about that either we're not
gonna worry about finding blocks to add
here and things like that we're just
gonna keep this as a one column layout
so as you can see you can get pretty
creative with the home page and do
basically whatever you want within a
reason to customize your stores home
page we are keeping things relatively
simple just for demonstration purposes
once you have all of this go ahead and
click Save Page and since we just saved
the content of a page we shouldn't have
to clear the cache or anything like that
so now we can go back to the front end
of our website refresh on our home page
and doesn't that look better than just a
blank homepage that says CMS home page
content goes here we've got a nice
little message at the top of course even
this is optional welcome to coffee bean
central please be sure to check out our
newest products and then we have a very
nice looking grid display of the most
recently added products on our website