2 minutes reading time (366 words)

How to create an advanced search using extra-fields


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 fields. Extra fields play a role like additional information belonging to a portfolio article. Are you playing around to find the right way on this? This tutorial is yours. Here we go!

1. Create field group and fields

  • Go to Admin > Components > TZ Portfolio Plus > Field Groups > New
  • Go to Admin > Components > TZ Portfolio Plus > Fields > New 
Create new field group
Create new field group
Create new fields
Create new fields

Create categories / portfolio articles

  • ​Go to admin > Components > TZ Portfolio Plus > Categories > New
  • Go to admin > Components > TZ Portfolio Plus > Articles > New
  • Assign the category to specific group field, and articles in this category will inherit group field from its category
Create and assign the category to a specific group field
Article has Group field inherited from its category

Add new module TZ Portfolio+ Filter

Our Advanced Search is based on module TZ Portfolio+ Filter. So you need to add new module of this module type:

  • Go to Admin > Extensions > Modules > New > Navigate and Click TZ Portfolio+ Filter 
  • Give this module a position and make sure this position is properly displayed in your page layout
Create TZ Portfolio+ filter module
Config module TZ Portfolio+ filter

Add a new menu item

  • Go to Admin > Menus > Main Menu > New
  • Menu item type: TZ Portfolio Plus > Portfolio
  • Choose categories you want to display
  • Set Column Width to get an ideal number of columns

Check your page in front-end

​After having done those steps above, you should refresh and go to front page to see how your advanced search work. 

TZ Portfolio+ 2.3.1 is here with lots of improveme...
Happy TemPlaza's Birthday - 50% OFF All Bundles

Related Posts



No comments made yet. Be the first to submit a comment
Already Registered? Login Here
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

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