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

## 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! ##