Let's fly creativity!

3 minutes reading time (537 words)

How to create a multi-level filter with TZ Portfolio


Hi guys, 

Since TZ Portfolio+ version 2.2.5, we have already make an awesome improvement in filter section, which allows users to create a hierarchal filter displaying both primary category and sub-categories. We're well aware of the importance of how specific category levels are, so that visitors on your website can view more insights about your portfolio.
Today, I would like to share with you the way to achieve a multi-level filter with TZ Portfolio. Let's go!

I. Install TZ Portfolio+ 

​There are 2 easy ways to install TZ Portfolio+. 
  1. Install from web
    - Go to Admin > Extensions > Manage > Install > Add "install from web" tab > Search for TZ Portfolio 
    - Click on install button
  2. Download from the website
    - Go to http://tzportfolio.com/ and download TZ Portfolio+ component
    - Go to Admin > Extensions > Manage > Install > Upload file

Create categories and sub-categories

To display the multi-level filter in the best look, you're supposed to create not only primary categories, but their sub-categories also. 

  • Go to Admin > Components > TZ Portfolio+ > Categories > Add new
  • To create a sub-category, just add new one and assign it to a parent category

II. Create portfolio articles

​You'd better create portfolio articles for each main category and sub-categories. To do that:

  • Go to Admin > Components > TZ Portfolio+ > Articles > Add new
  • Insert content and information, as well as configure basic options on the right side.

III. Configure filter style

In version 2.2.5, we have added a filter option with Elegant style, so you need to configure this option in elegant layout. Elegant is a style included in the core component, so there is no need to install it. 

  • Go to Admin > Components > TZ Portfolio+ > Layout > Elegant - Default
  • Choose filter style: Drop-down

IV. Let filter show 

This step is to create a new menu item for the portfolio page and configure filter option.​
  • Go to Admin > Menus > Main Menu > Add new
  • Menu item type: TZ Portfolio+ > Portfolio
  • Categories: select all categories and sub-categories that are created above
  • TZ Portfolio+ layout: elegant - Default (required) 

​After all, you can have a multilevel filter displayed like this below

Final words 

Release TZ Portfolio+ 2.2.6 and add-on updates
Release TZ Portfolio+ 2.2.5

Related Posts


By accepting you will be accessing a service provided by a third-party external to https://www.tzportfolio.com/

Search Blogs

Our Partner’s Templates

TZ Portfolio is working perfectly with JoomTd templates.
Buy our bundle and get 20% OFF from their template.

Latest Posts

21 December 2020
Christmas is here, the most awaited festival of the year. I guess that you're quite busy with preparing the Christmas tree and decorating your house but don't forget to lighten your website as well. On this ultimate festive e...
26 November 2020
This November comes with the most expected shopping day that everyone is looking forward to grabbing the best deals. It's Black Friday. If you missed the previous Halloween sale, don't worry. Black Friday will save your life. On this occasion, TZ Por...
22 November 2020
Why do you need an online gallery? 1. For photographers, owning a website is a necessary way to showcase their best photography portfolio to the entire world. Then you can easily promote your brand to a larger amount of clients. An online galler...
24 October 2020
Happy Halloween!Halloween is coming into the air. We would like to celebrate this event by giving a special offer, so you can get a discount of up to 65% for any purchase. Wow! that's so amazing, right?  This offer won't last long, just fro...
03 August 2020
​After the release of Keira style, Maya is the next awesome style you should give it a shot if you're looking for a solution to enhance the image gallery. You're working as a photographer, blogger, a stylist, fashionista, or an artist, and ...

Tag Cloud

tzportfolio+carousel font TZPortfolio+2.2.8 Joomdev Oraz template Joomla Template WebsitePortfolio fundraising CustomerSupport Astroid Cybermonday ArticleLimit Jollyany Christ Amuda JDSalon TZPortfolio TZ Portfolio extension TZPortfolio+2.1.9 Joomla3.9 AdvancedSearch collection Responsive flexslider joomlatemplate ArumStyle Joomla4 V2.1.0 JDParis Selena Migration Gaia updates Reyla Birthday eastersale TZPortfolio+Pro COVID19 Update lightbox Colors TZPortfolio+2.2.1 Christmas 2018 Photography tzportfolio+articles TZFlexGrid Masonry TemPlaza Bootstrap3 TokenKey Styles freeversion personalbundle Happynewyear Mayastyle TZ Portfolio Plus Pro JSN Agency CSSFramework Addons TZ Portfolio+ 2.1.2 TZPortfolio2.1.5 BootstrapLibrary freetemplate Search domainregister Portfolio Joomla templates megadiscount SingleArticle TZPortfolio+2.1.6 FlipBookGallery TZ Portfolio Plus TZPortfolio+ color addon JD Gurukul ArtGallery imagegallery Template Styles Music InstallationWizard stayhome JDAgency Photographer comment add-on Elegantstyle Salon Saleoff Extensions 100%discount Bug-fix Joomla3.9.4 Events Flipbook Tutorials overrides add-ons Jcontent Password XMas Article PortfolioStyles Dino Free PortfolioDesign supportcampaign Improvements ​ Profiler TreeFilter consulta Bootstrap4 K2 Survey Portfolio slider TZ Portfolio+ 2.1.1 free template TetHoliday JQuery Sass multilevelfilter CharityAddon extrafields customlinks One-Click Install Folio template License Besley style portfolioextension InfiniteCarousel music add-on add-ons gridgallery Joomlatemplates Portfolio templates Keira 30% OFF memberships Festival lunarnewyear2019 TZPortfolio+2.1.4 TZPortfolio+2.2.0 halloween Override Partners WeddingGallery protectcontent Joomla Content Zalta Fixes charity JDCoax Activation Joomla template TZPortfolio+2.1.7 Carousel Christmas charity add-on vani Templates K 2 migration CSS3 Grid Gallery personallicense Joomla3.x Joomla New features Easter2019 Joomla 4 Creative freelicense Besley Installation LunarNewYear Elegant add-ons.TZ Portfolio users join our club collaboration Joomlaextensions jdnewyork discount blackfriday googlefont freetemplates Folio JSN Bug-fixes selena template