Category Page Basics

What are Category pages?

In terms of ecommerce, product categories are the simplest unit for the sorting of products. Do you sell shirts and pants? Well if you only have two of each, you probably don't need to use categories. But if you have two-hundred of each, it's recommended to separate these into two categories - pants and shirts.

When it comes to Neto, category pages are simply content pages, therefore in Neto the only difference between a category page and a blog post is the design template they use and the content type they fall under.

Anatomy

How do I access the category page template?

To access the template you simply need to navigate to /httpdocs/assets/themes/[THEME-NAME]/templates/cms/category.template.html on the fileserver. Learn how to connect to Neto via FTP.

The Anatomy of the default category Page

Note: We experiment a lot with the default layout for Skeletal. This may change a bit over time and be slightly out of sync with this document, but the value of this section is not in the specific layout: rather the features utilised.

Skeletal has an intentionally unspecialised and industry-agnostic layout. This is because Skeletal is designed to be a suitable starting point for any ecommerce website. For most companies, the default layout is good enough to start with but we encourage companies to utilise our own, or third-party design services to specialise their design.

The default category page features include:

Sidebar

sidebar

The default sidebar is utilised on various pages throughout Skeletal, namely the category pages and homepage. This sidebar contains a standard multi-level category menu, an information menu and the product filters for category pages.

To remove the sidebar, simply remove the following line of code from the home page template add replace it with a Bootstrap column div <div class="col-12">.

[%load_template file:'cms/includes/sidebar.template.html'/%]

Thumb List

The primary purpose of any category page is to list out all the products the category contains. This is done with the [%thumb_list%] function tag. Learn more about the thumb_list function.

thumb list

Sort Controls

Skeletal theme allows customers the ability to change the product view (list or grid) and also sort the products by most popular, name and price.

sort controls


Available Data Tags

[@access_control@]
[@ccat_id@]
[@compat_id@]
[@compat_list_id@]
[@compatcat_description@]
[@compatcat_description2@]
[@compatcat_fullname@]
[@compatcat_name@]
[@compatcat_ref@]
[@content@]
[@content_allow_reviews@]
[@content_author@]
[@content_compatibility_code@]
[@content_description1@]
[@content_description2@]
[@content_description3@]
[@content_external_ref1@]
[@content_external_ref2@]
[@content_external_ref3@]
[@content_external_src@]
[@content_fullpath@]
[@content_id@]
[@content_level@]
[@content_module@]
[@content_name@]
[@content_ref@]
[@content_short_description1@]
[@content_short_description2@]
[@content_short_description3@]
[@content_type_code@]
[@content_type_id@]
[@content_type_name@]
[@date_posted@]
[@date_updated@]
[@gp_restriction@]
[@page_editor@]
[@page_type@]
[@parent_content_id@]
[@parent_id@]
[@rating@]
[@reviews@]
[@sortorder@]
[@templatebody@]
[@templatefoot@]
[@templatehead@]
[@templatesearch@]
[@thumb_content_type_id@]
[@timestamp@]
[@title@]

Was this article useful?

Be notified when this page is updated. Optional.