Product Search Box

If you would like to use a small product search box, you can use one of the the following HTML that can be placed in a Free Form page or Configure Layout area in the Edit Raw HTML section.

<!--Search Box Starts Here-->
<table border="0" cellpadding="0" cellspacing="0" class="cart-tab">
<tbody>
<tr>
<td align="center" class="realtorheaderbg1"><strong>Search</strong></td>
</tr>
<tr>
<td align="center" class="defaulttext"><br /><form action="/index.cfm/__Products/fuseaction/listproducts" enctype="application/x-www-form-urlencoded" method="post" name="ViewProducts">
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center"><input class="form" maxlength="30" name="textfilter" size="19" type="text" /> <br /><a href="../index.cfm/Search">Advanced Search</a> &nbsp; &nbsp;<input type="submit" name="button" id="button" value="Go!" style="font-size: 11px;" /></td>
</tr>
</tbody>
</table>
</form></td>
</tr>
</tbody>
</table>
<div><br /></div>
<!--Search Box Ends Here-->

Alternatively, you can use this HTML code to get a search box that prefills text which also disappears when user clicks inside the box:

<div>
<script type="text/javascript">// <![CDATA[
 function clearMe(formfield){
  if (formfield.defaultValue==formfield.value)
   formfield.value = ""
 }
// ]]></script>
<script type="text/javascript">// <![CDATA[
 function clearMe(formfield){
  if (formfield.defaultValue==formfield.value)
   formfield.value = ""
 }
// ]]></script>
</div>
<form action="/index.cfm/Products/fuseaction/listproducts" method="post" name="ViewProducts"> <input alt="search" class="txtInput" name="textfilter" onblur="this.value = this.value || this.defaultValue;" onfocus="clearMe(this)" value="Product Search" /> <input class="btnSearch" name="button" type="submit" value="GO" /> </form>

Add Feedback