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

 

Comments

No comments made yet. Be the first to submit a comment
Already Registered? Login Here
Guest
Saturday, 19 October 2019
If you'd like to register, please fill in the username, password and name fields.

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

02 October 2019
Hi guys, Bootstrap is concerned as a powerful front-end framework that brings a faster and easier way in developing websites. In particular, as aiming at creating responsive design, we can't look further than Bootstrap. Bootstrap 4 is sooner or ...
27 September 2019
Hi guys, Today, our team would like to announce that TZ Portfolio+ 2.3.3 is released. This version contains lots of bug-fixes which addresses well-known issues detected from previous versions. So we strongly recommend all of TZ Portfolio+ u...
20 September 2019
Hi folks, Another day comes with new goodies. We're so pleased to inform that we have recently released a brand-new Joomla module for TZ Portfolio+, it's called TZ Infinite Carousel.  With this module, you can automatically display TZ ...
17 September 2019
We're so pleased to announce that TZ Portfolio+ 2.3.1 is ready. This release comes with improvements, updates, new features, and addresses some well-known issues. Thanks to the reflection of users who gave us right feedback about previous versio...
16 September 2019
Hi folks, Today, I'm so happy to share with you a simple way to achieve an advanced search like our demo making use of TZ Portfolio+ extra-fields. Advanced search will help your visitors to sort specific articles containing one of the selected&n...

Tag Cloud

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