| Click Here to view our Training Video covering the Categories section |
Categories and subcategories can display to your customers in many unique
ways. The purpose of categories is to help the customer find the products
they want quickly and efficiently by categorizing your products into
various categories and subcategories. You can also assign a single product
to multiple categories.
Click the "Manage Categories/SubCategories" link on the home
page of your admin area to begin management.
PARENT/CHILD RELATIONSHIP:
The category system works with a parent/child relationship. Each main category
has a "ParentID" of "0". Each sub-category has a "ParentID" defined
as the "CategoryID" of the parent category. Therefore, take a look
at the following example. Let's say you're creating the main category of "Footwear".

In the previous example, "Boots", "Shoes" and "Sandals" are
the first set of sub categories. Each one of these should have the "ParentID" defined
as "5". The next set of sub-categories are "Leather" and "Suede".
These should have the "ParentID" defined as "10". The next
set of sub categories are "Tennis", "Basketball", "Running", "Walking" and "Cross-Training".
These should have the "ParentID" defined as "11". And as
you can see, "Sandals" does not have any further sub categories.
CATEGORY VISIBLE:
The "Category Visible" drop down has multiple purposes:
(1) It can
be set to "Hidden" to temporarily disable the category.
(2) It may
define where a main category will be displayed.
(3) It may define the style/layout of how a category is displayed.
| Value |
Displayed on... |
| 1st Nav Menu |
Main website navigation menu. |
| 2nd Nav Menu |
Second navigation menu, usually
titled "Quick
Links" by default. |
| 3rd Nav Menu |
Additional support for more navigation
menus. (Not supported in most templates.) |
| 4th Nav Menu |
Additional support for more navigation
menus. (Not supported in most templates.) |
| 5th Nav Menu |
Additional support for more navigation
menus. (Not supported in most templates.) |
| 6th Nav Menu |
Additional support for more navigation
menus. (Not supported in most templates.) |
| 7th Nav Menu |
Additional support for more navigation
menus. (Not supported in most templates.) |
| 8th Nav Menu |
Additional support for more navigation
menus. (Not supported in most templates.) |
| Photo Gallery |
(Hidden) To link to a photo gallery,
you must have a link on your website which follows the format "SearchResults.asp?Cat=17",
whereas "17" is the category of your photo gallery.
A photo gallery is not for the purpose of selling products,
but only for displaying photos with descriptions. |
| Hidden |
The Category will not show up
on any area of the navagation menu . |
CUSTOMIZING CATEGORY DISPLAYS:
Each of your categories may be displayed in a unique way. You may change the
layout of the subcategories through the two "SubCategory_DisplayMode" fields
below; you may change the display of the products through the 10 "Display_..." and "SHOW..." fields
below; plus you may add custom text on each category page through the "Category_Description" field.
Here are the fields described:
| Field |
Description |
| Category_DisplayMode |
Defines how the products are laid out on
the page. For example, in the standard single rows or in a
grid. |
| Category_DescriptionSHORT |
Short description used in "SubCategory_DisplayMode2", "Thumbnails" displaymode
only. |
| Category_Description |
Description of this category displayed near
top of page. |
| SubCategory_DisplayMode1 |
Defines how the first subcategory listing
is displayed. Either at the top of the category page or on
the left side of the category page. |
| SubCategory_DisplayMode2 |
Defines how the second subcategory listing
is displayed. This optionally appears in the center of the
page with optional use of subcategory graphics. |
| Display_Columns |
Number of columns of products to display. |
| Display_Rows |
Number of rows of products to display. |
| Display_FeaturedProductsOnly |
Setting this field to "Y" hides
the "next" and "previous" buttons. This
is useful for encouraging the customer to click a subcategory. |
| SHOWlistprice |
Shows the list price of products. |
| SHOWsaleprice |
Shows the sale price of products. |
| SHOWyousave |
Shows the "You Save: $" amount of
products. |
| SHOWstockstatus |
Shows the stock status of products. |
| SHOWavailability |
Shows the availability of products. |
| SHOWdescriptionSHORT |
Shows the short description of products. |
| SHOWdescription |
Shows the description of products. |
You may also customize your categories by using custom graphics
for each of your categories. You may upload these custom graphics
via the "Upload New Images". You may upload two different
graphics for each category.
To upload a new graphics file, you must click on the "Upload New
Images" link on the upper left-hand corner of the category's "Edit" page.
Click on the browse button and locate the file, on your computer,
click on the file then click "OK". Then click on the "Upload
my Images" button, and your image will show up under the "existing
images" section on the upload page. The upload page will automatically
rename the graphic file you just uploaded but, it will not resize
the photo at all.
| Graphic Name |
Example |
Description |
| (CategoryID).jpg |
35.jpg |
A large graphic displayed at the top of your
category display page. |
| (CategoryID)-T.jpg |
35-T.jpg |
A small graphic used on the parent category's
display page for the listing of subcategories in "SubCategory_DisplayMode2". |
CATEGORY ORDER:
The order of your navigation menu, by default it is alphabetical. If you
wish to use a manual order, you must do the following:
1) In the main admin area, click on the "^ ALL configuration
variables" Link located under the "Configuration Area" section.
2) Set the "Config_EnableManualCategoryListOrder" variable to "Y".
3) Click on the "Categories/Sub Categories". Then click on the "VieW
ALL" tab. Use the "Category Order" field for each category to
define the order in which the items will be displayed on the navigation menu, using any numbers.
Lesser numbers will be displayed before greater numbers.
Customizing the visual display (EXAMPLE
#1)...

 |
Subcategory DisplayMode1 -
A display of all the subcategories. Go to the EDIT
category page and set the field "Category_DisplayMode1" to "Top", "Left
Side", or "None (Hide)".
| Related Fields: |
| Table |
FieldName |
Example Value1 |
Example Value2 |
| Categories |
Subcategory_Displaymode1 |
Top |
Left |
| Related Configuration Variables: |
| DataName |
DataValue |
| Config_Colors_Lines_Light |
CCCCCC |
| Config_Colors_BackgroundLight |
BEDFFF |
| Config_Colors_BackgroundNeutral |
EEEEEE |
|
|
| Related Graphics: |
| SearchResults_SubCat_Angle.gif |
| Bullet_SubCategory.gif |
| Config_Colors_Lines_Light |
| Config_Colors_BackgroundLight |
| Config_Colors_BackgroundNeutral |
|
|
 |
Category Graphic -
An image used to brand the category with a custom look & feel.
To upload this graphic, go to the EDIT category page and click the
"Upload Category Image" link. |

|
Subcategory DisplayMode2 -
A display of all the subcategories. You may have two simultaneous
subcategory listings, which are configurable using the fields "Subcategory_DisplayMode1"
and "Subcategory_DisplayMode2". (For more examples of this, see the
next example in this tutorial.)
| Related Fields: |
| Table |
FieldName |
Example Value1 |
Example Value2 |
| Categories |
Subcategory_Displaymode2 |
Thumbnails |
Category Graphics |
| Related Configuration Variables: |
| DataName |
DataValue |
| Config_EnableYouAreHere |
Y |
|
|
| Related Graphics: |
| SearchResults_SubCat_Angle.gif |
| Bullet_SubCategory.gif |
|
|

|
Subcategory Thumbnail Image -
This image is being pulled from this subcategory. To upload a thumbnail
for the "headphones" subcategory, go to the EDIT category page for
this "headphones" category and click "Upload Category Image". |

|
Category Display Mode -
This area displays all of the products in this category. Be aware
that if a category has subcategories, this category will pull products
assigned to this category PLUS any products assigned to any subcategories.
| Related Fields: |
| Table |
FieldName |
Example Value1 |
Example Value2 |
| Categories |
Category_DisplayMode |
Single Rows |
Grid |
| Related Graphics: |
| buttons/btn_go_gray.gif |
| buttons/btn_nextpage.gif |
| buttons/btn_nextpage.gif |
| Bullet_MoreInfo.gif |
| divider_bgr.gif |
| Grid_Divider_Vertical.gif |
| Grid_divider_bgr.gif |
|
Category Display modes can be any of the following four display types:
"Single Rows", "Grid", "Checkboxes" and "List". Here are examples of each
display mode:
Single
Rows:
|
Grid: |
 |
 |
Checkboxes:
|
List: |
 |
 |
|

|
Category Description -
Text to describe this category and a general overview of the type
of items found in this category. You may also use HTML in this field
to add any type of content you wish, such as more imagery, text,
promotions, etc. |
Customizing the visual display (EXAMPLE #2)...


|
Subcategory DisplayMode1 -
Another example of displaying subcategories. To enable this display
mode, go to the EDIT category page and set the field "Category_DisplayMode1"
to "Left Side". |
 |
Subcategory DisplayMode2 -
Another example of displaying subcategories. To enable this display
mode, go to the EDIT category page and set the field "Category_DisplayMode2" to "Category
Graphics ". |
Navigation Menu Promotions
NOTE: Navigation
menu links are controlled by the Categories table. "Navigation
menu promotions" are an additional way to insert customized
links and promotions into your navigation menu. |
In order to add unlimited flexibility to your navigation area, we've created
the "Specials" table. You may add promotional messages such as "Save
over 30% during December only!". Let's take a look at some things
you can do...

1) Creating a simply text promotion with link to an article for further
details:
| Field |
Example Value |
| Special_Title |
Super Sale! |
| Special_Description |
Save up to 30% during December only! |
| Special_Link |
http://www.yahoo.com |
| BgColor |
Red (or you may use HTML Color Codes such as 0000CC) |
| Page |
ALL |
| Side |
L |
| Special Order |
25 |
The previous promotion example would be displayed after all of the main navigation
menu, but before the QuickLinks Menu. This is because we set the "Special
Order" field to "25". The existing navigation menu items have
the following pre defined order placemarks:
Search box = Position 10
Nav Menu 1 = Position 20
Nav Menu 2 = Position 30
|