Let's fly creativity!

2 minutes reading time (366 words)

How to create an advanced search using extra-fields

tz-portfolio-advanced-search

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

 

By accepting you will be accessing a service provided by a third-party external to https://www.tzportfolio.com/

Search Blogs

Latest Posts

07 March 2023
Today I'm so pleased to announce that we have recently released 2 brand-new add-ons of TZ Portfolio+ extension, they are Pricing Content and Form Builder. There is no need to have coding skills to get familiar with these 2 addons, because they a...
25 February 2023
Hi folks, here is good news. We have recently released a new version of TZ Portfolio+ component to address some known issues encountered from the previous release and provide important improvements. Let's take a brief look at what is included in this...
09 December 2022
Hi guys, Today, I'm so pleased to introduce a new addon - Progress Bar which allows you to create progress bars (as its name says) to showcase important stats in a flexible way. Utilizing progress bar is a good way for your visitors to know more abou...
03 November 2022
Hi folks, We're so pleased to announce a new version of TZ Portfolio+ is already available now. Version 2.6.2 was released to address some minor bugs which are well-known in previous versions. Let's see what was fixed in this version.  TZ P...
26 October 2022
Halloween 2022 is just around the corner. All the witches are talking about this sale. So trick or treat? On this occasion, no trick at all, treat yourself with the special deal offered by TemPlaza.  Offer Details: 65% Discount On All Packa...

Tag Cloud

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