Show details for Create your first category | BG_011

Create your first category | BG_011

In this tutorial, we will create our first category. Categories are a way of visually grouping products and presenting them to your users. How you group your products is completely up to you but it is key to focus on making the navigation and location of products within categories as simple and as intuitive as possible. For example: Business Cards, Letterheads and Compliment Slips Calendars can be added under a single category called Stationery. Sub-categories can also be created. This will briefly be covered within this tutorial.

Tutorial Video Transcript

A transcript of our tutorial video, ensuring you can find exactly what you need, when you need it.

You can search this page to find the relevant time-stamp in the video. Also, this text can be used as part of the tutorial search feature.

00:00:13:08 - 00:00:13:19
In this

00:00:13:19 - 00:00:17:14
tutorial, we'll take a look
at creating our first product category.

00:00:18:05 - 00:00:21:25
So categories are a way of visually
grouping products

00:00:22:03 - 00:00:24:08
and presenting them to your end users.

00:00:24:27 - 00:00:27:16
How you group
your products is completely up to you,

00:00:27:20 - 00:00:31:16
but it's key to focus on
making the navigation

00:00:31:16 - 00:00:36:08
and location of products within categories
as simple and intuitive as possible.

00:00:37:09 - 00:00:39:14
So for example,

00:00:39:23 - 00:00:42:27
if you have business cards,
if you have letterheads,

00:00:42:27 - 00:00:46:29
if you have compliments, slips, calendars,
whatever it may be,

00:00:47:10 - 00:00:51:19
they can all be added
under a single category called stationery.

00:00:52:16 - 00:00:55:05
It's also possible
to create subcategories.

00:00:56:05 - 00:00:58:25
We'll briefly
cover that in this tutorial as well.

00:00:59:08 - 00:01:02:27
But all of those topics I just mentioned
so business cards and letterheads

00:01:03:02 - 00:01:06:00
could, for example, be subcategories
within

00:01:06:00 - 00:01:09:13
the stationery category.

00:01:10:16 - 00:01:10:28
So to

00:01:10:28 - 00:01:14:12
begin this process, we
need to navigate to the categories page.

00:01:14:26 - 00:01:18:02
So that's under catalog categories.

00:01:18:16 - 00:01:22:01
And manage categories.

00:01:24:24 - 00:01:26:29
All of our categories will be displayed
here.

00:01:27:00 - 00:01:28:22
At the moment, we don't have any.

00:01:28:22 - 00:01:32:24
So what we're going to do
is click on Add New.

00:01:32:24 - 00:01:35:18
That will take us to the Category Settings
page.

00:01:36:12 - 00:01:39:00
There's loads of different bits
of information that we can enter here

00:01:39:00 - 00:01:42:03
in association with our category.

00:01:42:17 - 00:01:44:21
We won't go through
all of these options now.

00:01:44:21 - 00:01:47:25
We'll just focus on a few of them.

00:01:49:21 - 00:01:51:21
So first of all,
we have the published option

00:01:51:21 - 00:01:55:17
that's just going to determine
whether or not the category

00:01:55:17 - 00:01:59:17
and its associated products are visible
to end users on your storefront.

00:02:01:06 - 00:02:02:25
You've also got the ability to show

00:02:02:25 - 00:02:06:12
the category on the home page
if you wish to do so.

00:02:06:23 - 00:02:07:27
So we'll give you a link.

00:02:07:27 - 00:02:11:04
Basically on the home page
you click the link to the category

00:02:11:04 - 00:02:13:22
and it will show you
all of its associated products.

00:02:15:03 - 00:02:16:11
If you do decide to show in

00:02:16:11 - 00:02:19:24
the home page,
as we've seen in other areas of Infigo,

00:02:20:15 - 00:02:23:08
you have this display order
so you can control the order

00:02:23:08 - 00:02:26:25
in which those categories are displayed.

00:02:27:17 - 00:02:29:27
We also have this parent category option.

00:02:29:28 - 00:02:33:26
Now, this is where we look
at the subcategories that I was just

00:02:33:26 - 00:02:35:07
talking about.

00:02:35:24 - 00:02:39:18
So for example,
if you have a stationery category,

00:02:39:18 - 00:02:42:09
as we were talking about earlier on,
so a top level category,

00:02:42:19 - 00:02:48:00
but want to further group products
into, let's say, pens and paper.

00:02:48:21 - 00:02:51:15
Then you would need
to create two subcategories

00:02:51:15 - 00:02:55:25
which are associated with the stationery
top level category.

00:02:56:28 - 00:03:01:11
So let's say, for example, the Pens
category, we would create a new category

00:03:01:11 - 00:03:04:07
in the same way as this,
which would be called pens.

00:03:04:27 - 00:03:09:02
And if you wanted to associate
that with the stationery category,

00:03:09:12 - 00:03:14:16
you would select it
from this parent category dropdown list.

00:03:15:16 - 00:03:16:29
For this tutorial, we're not

00:03:16:29 - 00:03:22:01
bothered with subcategory,
so we'll just leave it as non.

00:03:24:19 - 00:03:26:22
So we'll type in some information,

00:03:26:22 - 00:03:37:12
we'll give it a name,

00:03:37:12 - 00:03:41:25
and I'll just give it
some basic description details.

00:03:43:26 - 00:03:46:07
There's some bits of pricing
that you can do in here,

00:03:46:07 - 00:03:48:12
but it's mainly just text driven.

00:03:48:12 - 00:03:51:12
It's not going to influence the

00:03:51:12 - 00:03:54:08
calculations of prices in the basket
or things like that.

00:03:54:11 - 00:03:58:08
So for example,
we have prices from allows you to add

00:03:58:08 - 00:04:02:03
text to describe
where prices start in this category.

00:04:02:03 - 00:04:03:21
You can see where the little

00:04:04:08 - 00:04:07:15
tool tip there.

00:04:07:15 - 00:04:09:29
And down at the bottom
we have price ranges as well.

00:04:10:00 - 00:04:13:20
Now, this will affect the search options
as you can again see with the description.

00:04:14:03 - 00:04:17:09
So you can put in some price ranges

00:04:17:17 - 00:04:21:13
and filters
that you want to associate this with.

00:04:22:22 - 00:04:25:11
So back to the descriptions

00:04:34:03 - 00:04:36:12
and we can also upload
an image for the category.

00:04:36:22 - 00:04:39:24
This isn't a requirement, but it's

00:04:41:06 - 00:04:43:21
suggested that you do so.

00:04:43:21 - 00:04:46:22
There's quite a few places on your store
front when you have some categories

00:04:46:22 - 00:04:49:16
where you might see
an icon associated with the category.

00:04:50:00 - 00:04:51:24
If you don't have an image

00:04:51:24 - 00:04:55:23
associated with it, then you will probably
just see this twice holder image,

00:04:55:23 - 00:04:58:24
which obviously doesn't look
particularly neat and tidy.

00:04:59:23 - 00:05:02:11
So we'll just put words in image

00:05:08:08 - 00:05:08:17
and then

00:05:08:17 - 00:05:12:17
before we move on, I'm
just going to actually save this category.

00:05:12:18 - 00:05:14:20
So the next major step that we need to do

00:05:14:21 - 00:05:18:04
is to associate products
with the category.

00:05:18:04 - 00:05:20:23
But we can't actually do that
until we save

00:05:22:23 - 00:05:24:09
the information that we've entered here.

00:05:24:09 - 00:05:26:18
So I'm just going to go
and save and continue. Edit

00:05:28:15 - 00:05:31:11
And you can see as a result of that,

00:05:31:11 - 00:05:34:17
I have a few more action buttons

00:05:34:17 - 00:05:37:04
in the top right of the screen here
than I had a second ago.

00:05:37:24 - 00:05:40:20
So one of them allows me
to view the product page

00:05:41:02 - 00:05:43:10
that actually shows me the category page.

00:05:44:01 - 00:05:47:09
So if I click on this now,
it will load of the category page,

00:05:47:09 - 00:05:48:13
but there won't be any

00:05:48:13 - 00:05:51:12
products associated with it
because we haven't done that step yet.

00:05:51:28 - 00:05:54:09
However, we do see the descriptions

00:05:56:11 - 00:05:57:19
we have copy category.

00:05:57:19 - 00:06:02:05
So if you want to make a carbon
copy of the category to make the process

00:06:02:05 - 00:06:06:01
of creating additional categories
a bit easier,

00:06:06:01 - 00:06:08:05
and then we've got to delete options.

00:06:09:06 - 00:06:12:00
Delete by itself,
we'll just delete the category but

00:06:12:01 - 00:06:14:12
won't touch the products
that are associated with it.

00:06:15:09 - 00:06:19:20
Delete and all products, as the name
suggests, that will delete the category

00:06:19:26 - 00:06:22:09
and any products
that you've associated with it.

00:06:22:09 - 00:06:25:10
So do be careful when you are using

00:06:25:15 - 00:06:28:10
those options.

00:06:32:09 - 00:06:35:02
So next we want to associate some products
with our category.

00:06:35:02 - 00:06:38:23
So if I go to the products tab,
you can choose

00:06:38:23 - 00:06:43:00
how the products that we select are going
to be sorted within the category.

00:06:43:00 - 00:06:45:01
So you've got the option to choose there.

00:06:46:07 - 00:06:49:11
And then I'm going to click on this adds
a new product icon

00:06:50:12 - 00:06:53:13
that will load up a separate window,
which is a full list

00:06:53:13 - 00:06:57:25
of all of the products that I have
available on this particular storefront.

00:06:58:24 - 00:07:01:17
We can refine down the list of products
if we wish to do

00:07:01:17 - 00:07:04:13
so as a large list
we need to sift through.

00:07:05:13 - 00:07:08:27
But for the purposes of this tutorial,
I'm going to add all three

00:07:09:19 - 00:07:11:27
of my creative products to this

00:07:11:27 - 00:07:21:05
category.

00:07:21:05 - 00:07:22:17
You'll see they come in.

00:07:22:17 - 00:07:25:04
There's another couple of options
associated with this.

00:07:25:27 - 00:07:28:01
One is the featured product.

00:07:28:02 - 00:07:30:22
So that's if you want to actually
display it on the home page

00:07:36:21 - 00:07:38:22
and then we have the display order.

00:07:38:29 - 00:07:40:10
So we've seen this a few times.

00:07:40:10 - 00:07:49:04
It allows us to control the order
in which a product is displayed.

00:07:49:04 - 00:07:51:17
Okay, so let's save that.

00:07:51:17 - 00:07:53:24
And now I'm just going to refresh
the category

00:07:54:10 - 00:07:58:01
on my storefront
and you can see the all of those products

00:07:58:01 - 00:08:01:07
that were associated with that
category are

00:08:01:08 - 00:08:03:17
now displaying.

 

Incomplete