---
title: "Category Tree for displaying filters"
description: "Sometimes you might want to display the filters in a tree structure. Or achieve a SEF URL for category filters. Here is what you can do to achieve that."
url: "https://docs.j2commerce.com/layout/category-tree-for-displaying-filters"
markdown_url: "https://docs.j2commerce.com/layout/category-tree-for-displaying-filters.md"
last_updated: "2026-10-23T02:33:38+00:00"
version: "J2Store 4"
breadcrumbs:
  - title: "Home"
    url: "https://docs.j2commerce.com/"
  - title: "Layouts"
    url: "https://docs.j2commerce.com/layout"
  - title: "Category Tree for displaying filters"
    url: "https://docs.j2commerce.com/layout/category-tree-for-displaying-filters"
---

# Category Tree for displaying filters

Sometimes you might want to display the filters in a tree structure. Or achieve a SEF URL for category filters. Here is what you can do to achieve that.

## Steps to be followed:

1. [If you're unsure where to see the filter positions,](https://docs.j2commerce.com/layout/category-tree-for-displaying-filters#steps-to-be-followed) [click here](https://docs.j2commerce.com/index.php?option=com_content&view=article&id=283&catid=23#item-view-options-in-category-listings)
   1. The first photo below is where you find the filter position

![Filter position](https://docs.j2commerce.com/images/docs/v4/assets/filter_position2.webp)

## Relevant Screenshots

[The following screenshots will be of help: Create a Filter Menu Go to Menus > Manage > New ![categorytree](https://docs.j2commerce.com/images/docs/shared/category-tree-filter.webp) **Title:** Filters **Unique Name:** filters ![Joomla Menus: Edit form, Menu Details tab: Title Filters and Unique Name filters highlighted](https://docs.j2commerce.com/images/docs/shared/category-tree-filter3.webp) Add menu items with category names to the Filter menu: ![Joomla Menus list with the Filters menu showing 2 published menu items, the Published count highlighted](https://docs.j2commerce.com/images/docs/shared/category-tree-filter1.webp) Create a new Filter Sub-Menu You can either click where the sub-menu section is highlighted in the image above, or go to Menus > Filters > New ![categorytree2](https://docs.j2commerce.com/images/docs/shared/category-tree-filter00.webp) Setting up the Filter Categories Parameters **Step 4:** **Details Tab:** ![Menu item form, Details tab: Menu Item Type Menu Item Alias pointing to the Watches menu item, in the Filters menu](https://docs.j2commerce.com/images/docs/shared/category-tree-filter2.webp) **Title:** Name the Filter Category **Menu Item Type:** Select > System Links > Menu Item Alias ![Menu Item Type dialog with the System Links group expanded and the Menu Item Alias option highlighted](https://docs.j2commerce.com/images/docs/shared/product-layout-menu-link.webp) **Menu Item:** Assign the menu item Save and Close Create a Filter Menu Module Go to Content > Site Modules > New ![Joomla Modules (Site) list with Content > Site Modules in the sidebar and the New button highlighted](https://docs.j2commerce.com/images/docs/shared/category-tree-filter-module.webp) Setting up the Filter Module Parameters **Module Tab:** ![Menu module form, Module tab: Select Menu set to Filters, Title shown, and Position set to j2store-filter-right-top, all highlighted](https://docs.j2commerce.com/images/docs/shared/category-tree-filter-module1.webp) **Title:** Show **Select Menu:** Filters **Position:** type, **j2store-filter-right-top** **Frontend View** The frontend view will be as follows: ![categorytree4](https://docs.j2commerce.com/images/docs/v4/doc-images/layout/category-tree-for-displaying-filters/categorytree4.png)](https://docs.j2commerce.com/layout/category-tree-for-displaying-filters#relevant-screenshots)