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
Monday, 26 August 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 JoomlaShine templates.
Buy our bundle and get 20% OFF from their template and extension.

Latest Posts

20 August 2019
Hi folks, Our team are so pleased to announce that we have recently released a brand-new module named TZ Flex Grid 1.0.0. This module provides a set of different properties that is represented in flexible and stunning styles. Today, I would like...
17 August 2019
In current, there are dozens of CSS frameworks available for you to pick up one. However, It can be said that Bootstrap is playing an important role as the trendiest front-end framework that is most popularly used by many website developers all over ...
11 August 2019
Howdy! You've got a good news to make your weekend special.Honestly, we are well aware of that you're responsible to ensure your projects to run smoothly without any unwanted issues. That's reason why we are trying to put a high f...
30 July 2019
Hi folks, Our team are so happy to announce that TZ Portfolio+ 2.2.9 is already available. This release contains tons of bug fixes, a small change in article limit, and new features added. With this version, you must be excited to know that...
23 July 2019
Hi folks, For a professional photographer, owning an eye-catching and responsive website is concerned as an effective marketing way to not only showcase their works, but attract more visitors coming to your website and turn them into potential client...

Tag Cloud

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