Summary

  • Overview
  • Add Categories To Products
  • Add Categories To Blog
  • Category Filter Layout
  • Category Tree On Products
  • Category Tree Blog
  • Category Spacing and Indent
  • Categories In Sidebar

Overview

You can add the Categories Element to the Product List and Blog Templates.

vertical-categories.jpg

Add Categories To Products

To add the Categories Element to the top of the Product list, you can do the following.

  1. Open the Product List Template in the Quick Access Templates.
  2. Click on the context round Add Icon.
  3. Open the Add Panel with the selected Product List Template section.
  4. Open the Product List Template Elements.
  5. Expand this list.
  6. Add the Categories Element above the Products.
add-category-filter-products.png

Add Categories To Blog

Similarly, to add the Categories Element to the top of the Blog, you can do the following.

  1. Open the Blog Template in the Quick Access Templates.
  2. Click on the context round Add Icon.
  3. Open the Add Panel with the selected Blog Template section.
  4. Open the Blog Template Elements.
  5. Expand this list.
  6. Add the Categories Element above the Posts.

add-category-filter-blog.png

Category Filter Layout

You can switch the Layout for the Category Filter in the Property Panel.

categories-layout.gif

Category Tree Filter On Products

You can add the vertical Category Filter to filter Products on the Product List Template.

vertical-categories-products.png

Category Tree On Blog

You can also show the vertical Category Filter for Posts on the Blog Template.

vertical-categories-posts.png

Category Spacing and Indent

You can set the Top And Bottom Spacing and the Subcategory Link Indent for the Category Tree.

categories-spacing-indent.png

Categories In Sidebar

You can also enable the Sidebar and see the new Categories section added automatically.

categories-sidebar.png