Create a Custom Drop-down Search Field

Jade creates drop-down menus for the web search form based on the Master Records and the properties that are being published.

This means that, each time you publish, the drop-down menus in the search form are automatically updated to reflect the available properties. As a result, the website visitor will find searching easy and productive.

However, the search form menus can have any options you like.

You can

•	Add a drop-down menu to a field that does not have one created by Jade.

•	Use a custom drop-down menu instead of one created by Jade.

In the Jade HTML code, each available search field has its own Begin and End tags. The code between these tags can be edited to include a drop-down menu.

The following code example creates a list of options for the minimum price field on the search form. The menu will allow the visitor to select from a menu of minimum price values:

<p>{search.minprice.label}<br />

</select></p>

To use this example code in your search form:

•	View > Jade HTML Code

•	Select Category Pages > Search

•	Find the <!-- BeginSearch_minprice --> tag

•	Replace the default minprice code with the above example code (from <!-- BeginSearch_minprice --> to <!-- EndSearch_minprice -->

•	Edit the option values and the option text as necessary

To Edit this code:

This is a standard HTML drop-down menu with a few special Jade tags added. Any of the search fields can have a custom drop-down menu using this model.

•	The option value will be used for searching and it must be correct. In other words, if the search value is text, this must be spelled exactly as it is in the database. Copy-and-paste from the Master Records to be certain.

•	Numbers should not have spaces, commas or decimal points.

•	You can add more options following the same format.

Tips regarding currency symbols:

As Web browser support for currency symbols is not consistent, you might decide to replace the currency symbol with the universal standard abbreviation. e.g. USD (US Dollar), GBP (Pound Sterling), EUR (Euro) etc.:

<p>{search.minprice.label}<br />

</select></p>

Or, you might decide to remove the currency symbol entirely:

<p>{search.minprice.label}<br />

</select></p>

You could also change the first option so that it states what the currency is:

<p>{search.minprice.label}<br />

<option value="">Min Price in USD</option>

</select></p>