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

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