Add Default Text in the 'Search' Bar at the top?

[Jamie Gordon]

Hi all,

Just wondering how I can add some default text in the search bar at the top of the default PrestaShop template?

I am creating an ink site and I would like users to type in the make/model of their printer so that they can find the correct products for their printer.

Could someone please point me in the right direction? I would love to have the following text: "Enter Printer Make/Model" instead of the search bar being blank.

Thanks in advance,

JAMiE

[rocky]

Change line 8 of modules/blocksearch/blocksearch-top.tpl (and blocksearch.tpl) from:

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

to:

<input type="text" id="search_query" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|htmlentities:$ENT_QUOTES:'utf-8'|stripslashes}{else}{l s='Enter Printer Make/Model' mod='blocksearch'}{/if}" onfocus="[removed]if(this.value=='{l s='Enter Printer Make/Model' mod='blocksearch'}')this.value='';" onblur="[removed]if(this.value=='')this.value='{l s='Enter Printer Make/Model' mod='blocksearch'}';" />

Change [removed] to javascript followed by :

[noesac]

Hi Rocky I think you're missing something at the end?

[rocky]

I can't see anything missing. The code works on my test site.

[noesac]

Ah my mistake, when you said "Change [removed] to javascript followed by : " I thought there was supposed to be code after the semi colon:)

[Jamie Gordon]

Hey thanks for that, I really appreciate your help.

I've successfully edited the code.

Thanks again,

Jamie

[Ash.Krish]

thnks rocky....i too searching this....

thanks too jamie gordon....

working grt man :-)

cheers guys....

[reinoplantae]

it didn't work in ps 1.4.6.2

[reinoplantae]

my bad.... it does work!

[gabriel1804]

Thank you Rocky. Two more questions:

 

How to prevent user from searching the default text (Prevent from text "No results found for your search 'Enter search keywords'". It must be: "Please type a search keyword"). I have to edit search.tpl but I don't know how.

 

How do I change the text color on the onblur element? I want the Default text with a certain color and another text color (the default shop text color for forms) when the user type text.

 

Thank you.

[vero20]

Works!

Edited August 2, 2012 by vero20 (see edit history)

[PanMS]

Hi, everybody.

Please, tell me what exactly should be put instead of [removed].

I cant understand where to get this JAVA script.

[vekia]

Hi, everybody.

Please, tell me what exactly should be put instead of [removed].

I cant understand where to get this JAVA script.

 

hello

 

i suggest you to create new thread with your question. Please give us also more information in your new thread what you exactly expect

 

regards

[adelnaser]

Im new to this and maybe I didnt understand this "Change [removed] to javascript followed by :" but it doesnt work for me .

 

ps version 1.5.4.1

 

edit: it works but check the screen on how it modifies my search box.. it makes it small and ugly..can it be fixed?

Edited September 22, 2013 by adelnaser (see edit history)

[vekia]

it's related to the css, if i were you - will reinstall the module

[defuzed]

i realize this thread is pretty old, but if anyone stumbles upon it, the preferred solution for default text in form type inputs nowadays is the "placeholder" attribute.

So something like:

<input type="text" id="search_query" name="search_query" placeholder="Search Products ..." >

Doesn't work with old IE versions, but theres a jquery plugin to make that work if you support old IE.

[vekia]

hello

 

this tutorial is related to old prestashop version. it isn't actual anymore.

im closing this topic. If you're interested in modification for prestashop 1.5 - please create new thread

 

with regards,

Milos