Let's fly creativity!

3 minutes reading time (537 words)

How to create a multi-level filter with TZ Portfolio

how-to-create-a-multilevel-filter-with-tzportfolio2

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 JoomDev templates.
Buy our bundle and get 15% OFF from their template and extension.

Latest Posts

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 ...
06 July 2020
I'm so hyped up to introduce a brand-new TZ Portfolio+ style named Keira. Keira is intentionally designed to serve music purposes like featuring music albums, videos or displaying Musicians, Bands, and Artists in a beautiful manner. If you'...
21 June 2020
Today, it's my pleasure to introduce to you an awesome Joomla template designed and developed by our partner JoomlaBuff, called Growth. If you're creating a company's website relating to Corporate Finance and Tax planning businesses, Business consult...
11 June 2020
Hi guys, I'm so happy to inform you about a new release of TZ Portfolio+ 2.4.2 which comes with such a lot of bug-fixes, new stunning features, and some other improvements. I hope you'll enjoy all the new goodies in this update. It's time to fin...
07 May 2020
We all know that human beings over the world have been suffering a hard time for months because of the Covid-19 pandemic. There are a lot of vulnerable children, families, workers, homeless persons, etc are in big trouble and they need emergency...

Tag Cloud

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