Catalog categorization

Screenshot_2020-04-29_at_19.12.41.png Getting started

In this article, you will learn about catalog categorization functionality, which allows you to create and edit categories. Categories are visible in the product catalog as well as during the product search (1), and allow customers to click on them in order to filter out products depending on products assigned to the selected category.

The default URL to the category page is constructed as: /c/category1[/category2][/category3], for example, /c/make-up/face/powders.
The prefix c can be modified by changing the category_url translation.

caution.svg  Warning   It's not recommended to change the translation after some time of using the default one, as it will ruin SEO.

POWERPNT_B3eCFXSLWR.png
Visualization of the product category page

The category page state consists of:

The following sections describe the behavior of all category page elements.

Table of contents:

  1. Category management
    1. Filters section
    2. Elements section
    3. Editing and creating categories
  2. Changes made during the implementation of Categories functionality
    1. Product page breadcrumb
    2. Removal of the Tag page (`/tag`)
    3. Features behavior

 


 

Screenshot_2020-04-29_at_19.12.41.png Category management

All categories can be managed through the admin panel. The categories tab is located in:

Catalog > Categories / list

Categories can be additonally managed using the product catalog import / export.

info2.svg  RememberYou can learn more about import / export of the catalog in the Product catalog export and import article.

caution.svg  Warning  Up to three categories can be created in one path (excluding the default E-commerce one).
For example, in the case of the path:
E-commerce > Category1 > Category 2 > Category3 > Category4
Category4 won't be accessible on the e-commerce platform and trying to access it via URL will result in a 404 error.

POWERPNT_J3yU4Y8yM6.png
Visualization of the categories / list tab

Filters section

In the filters section, you can see the current parent category, and switch to another one using the drop-down menu. You are additionally able to change the current filter by clicking on a category. This method is described in the Elements section.

POWERPNT_Zs2KPx4NHG.png
Visualization of the filters section
POWERPNT_gyuPckxaSM.png
Visualization of the categories drop-down menu

 

Elements section

In the elements section, you can see all categories in a selected parent category.

POWERPNT_9M4J5TC58S.png
Visualization of the elements section

Below you will find a description of possible actions.

 

Editing and creating categories

Whenever adding a new category or editing one you will be redirected to the following page.

POWERPNT_f2agi9gA92.png
Visualization of the editing of a category

Below you will find a description of possible actions.

 


 

Screenshot_2020-04-29_at_19.12.41.png Changes made during the implementation of Categories functionality

Product page breadcrumb

The breadcrumb has been modified to use the product's main category.

Removal of the Tag page (`/tag`)

The legacy way to create categories by links to selected feature sets has been removed.

Features behavior

The existing behavior of features has been modified.

Previously, it never displayed features that were selected but did not exist in found products (after filtration). It generated scenarios when the user selected 3 filters but could remove only one or none of them.

Now, users always see all selected features, even if they returned 0 products. They can be seen and removed from the features filter menu and quick filter removal element.

It's useful when selected feature set results in an empty products list. Previously, the user could not see selected features nor remove them.

 


Revision #2
Created 27 November 2024 21:06:00 by Tau Ceti
Updated 27 November 2024 21:18:48 by Tau Ceti