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 fields

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

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

• Add new module
• Module Configurations
• Advanced

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

• Menu
• Basic Options

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.