How to add the words 'Search...' to the search bar

[generalexperts]

I am wondering how to add text to the search bar. Like the search bar in this forum (above) it says 'Search...' then when you start typing the word goes away. Does anyone know what I need to add to make it do that and where? I would imagine it would be modified in the superfish-modified.css in the blocktopmenu module. Thanks! Also, I would like to make the search bar stretch wider when the pointer hovers over the search bar. Any help is appreciated!!

[Paulito]

Good morning

 

Using PS 1.5.5.0 Default theme

 

To achieve this you need to go to:

 

public_html/Your Shop/modules/blocksearch/blocksearch-top.tpl

 

Around line 44 you will see this code:   {*Comment out this Code*}

 

{*<input class="search_query" type="text" id="search_query_top" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|htmlentities:$ENT_QUOTES:'utf-8'|stripslashes}{/if}" />*}

 

Add this code directly underneath:

 

<input class="search_query" type="text" id="search_query_top" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|htmlentities:$ENT_QUOTES:'utf-8'|stripslashes}{else}{l s='Search for your product...' mod='blocksearch'}{/if}" onfocus="if(this.value=='{l s='Search for your product...' mod='blocksearch'}')this.value='';" onblur="if(this.value=='')this.value='{l s='Search for your product...' mod='blocksearch'}';" />

 

You will see "Search for your product" in three places ( Change this text to whatever you require )

 

Result

http://mobileskunk.co.uk/index.php

 

Hope this helps

 

Paul

[generalexperts]

This worked! Thank you!

[generalexperts]

I recently changed my search bar from using the topmenu search bar to the "Quick Search" block. I tried using the above code and it didn't work. Do you know what code I would need to get this working again? Thanks!

Edited March 23, 2014 by generalexperts (see edit history)