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

 

Search Blogs

Our Partner’s Templates

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

Latest Posts

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...
17 April 2020
The ongoing spread of COVID 19 has become one of the biggest threats to our health and caused downgrades in the global economy. In these times, we're well aware that people all over the world are been through such a hard time ever. That's the re...
07 April 2020
Hi guys, Easter day 2020 is just around the corner. Are you keen on adding more sweetness to your Easter chocolates? Have that in mind, we would like to offer you a mega sale on this occasion. In particular, you'll have a chance to grab TZ Portfolio+...
30 March 2020
TZ Portfolio+ is one of the best free Joomla portfolio extensions providing a flexible and versatile solution to not only portfolio websites but others. A portfolio is very important for creative persons like photographers, artists, designers to show...
22 March 2020
I'm so pleased to inform you about another new version of TZ Portfolio+ recently released. This version comes with some bug-fixes and improvement in domain registration for Pro users. Please take a brief look at what's updated.1111Active domain for p...

Tag Cloud

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