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

22 March 2022
Presenting a healthy and professional website is one of the ways to show the crowd your credibility on your business. As a result, your website should be up-to-date, so as to be in the line with current web trends. Here today we come with another upd...
11 February 2022
Hi folks,  Today I'm happy to inform you that a new version 2.5.5 of TZ Portfolio+ component is already available for download. This version was made to address a critical issue detected in the previous version. In particular, users were unable ...
25 January 2022
Happy the year of the tiger 2022! Lunar New Year is celebrated yearly in Vietnam according to the lunar calendar and this time is the year of the tiger among 12 zodiac animals. On this occasion, we would like to offer you a special deal. Yo...
26 October 2021
Looking for Halloween Joomla deals? Here is one of the spookiest deals for Joomla extensions that you should certainly take into account. Halloween is near. We are offering all subscription plans of TZ Portfolio+ for just $29 for the&n...
19 October 2021
 Hi folks, As you know, Joomla 4 Stable was officially released, which brought users an improvement in functionality, codebase, and a completely new admin interface. That's why we need to provide updates for our product. Today I would like ...

Tag Cloud

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