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

Latest Posts

07 March 2023
Today I'm so pleased to announce that we have recently released 2 brand-new add-ons of TZ Portfolio+ extension, they are Pricing Content and Form Builder. There is no need to have coding skills to get familiar with these 2 addons, because they a...
25 February 2023
Hi folks, here is good news. We have recently released a new version of TZ Portfolio+ component to address some known issues encountered from the previous release and provide important improvements. Let's take a brief look at what is included in this...
09 December 2022
Hi guys, Today, I'm so pleased to introduce a new addon - Progress Bar which allows you to create progress bars (as its name says) to showcase important stats in a flexible way. Utilizing progress bar is a good way for your visitors to know more abou...
03 November 2022
Hi folks, We're so pleased to announce a new version of TZ Portfolio+ is already available now. Version 2.6.2 was released to address some minor bugs which are well-known in previous versions. Let's see what was fixed in this version.  TZ P...
26 October 2022
Halloween 2022 is just around the corner. All the witches are talking about this sale. So trick or treat? On this occasion, no trick at all, treat yourself with the special deal offered by TemPlaza.  Offer Details: 65% Discount On All Packa...

Tag Cloud

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