Increasing the size of the search bar in the menu bar

[iwesty]

Hi all! First post so total newbie here!

 

I`ve selected the option to have the search bar in the menu. The problem is the search bar is too small, there is no 'go' button and there is no writing in the search bar, for example 'Search the site'.

 

Can anyone help me with this please

 

Using presta 1.6!

 

Thanks in advance

[vekia]

what theme you use/ default one?

and... what you expect?

you want to add go button? and write something inside search bar?

[iwesty]

what theme you use/ default one?

and... what you expect?

you want to add go button? and write something inside search bar?

 

Hello Vekia! Yes I would like to add a go button or similar. Yes I would like to write 'Search the site'.

 

Theme I believe is the default 1.6 version

 

Thanks

[vekia]

replace module file:

 

/themes/default-bootstrap/modules/blocktopmenu/blocktopmenu.tpl with code;

{if $MENU != ''}
	<!-- Menu -->
	<div id="block_top_menu" class="sf-contener clearfix col-lg-12">
		<div class="cat-title">{l s="Categories" mod="blocktopmenu"}</div>
		<ul class="sf-menu clearfix menu-content">
			{$MENU}{if $MENU_SEARCH}
				<li class="sf-search noBack" style="float:right">
					<form id="searchbox" action="{$link->getPageLink('search')|escape:'html':'UTF-8'}" method="get">
						<p>
							<input type="hidden" name="controller" value="search" />
							<input type="hidden" value="position" name="orderby"/>
							<input type="hidden" value="desc" name="orderway"/>
							<input type="text" placeholder="{l s='Search for product' mod='blocktopmenu'}" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'html':'UTF-8'}{/if}" />
                            <input type="submit" value="{l s='search'}"/>
						</p>
					</form>
				</li>
{/if}
		</ul>
	</div>
	<!--/ Menu -->
{/if}

[iwesty]

apologise for silly question but how do i find that file?

[iwesty]

Okay I think I know what you mean. The web designer started developing my site so he has all files linked to my site. I have downloaded prestashop and I have the prestashop folder on my desktop but it isn`t linked to my actual site! Stuck!

Edited July 1, 2014 by iwesty (see edit history)

[vekia]

hello

in my last post i pasted path to file:

/themes/default-bootstrap/modules/blocktopmenu/blocktopmenu.tpl

you have to alter it :-)

[iwesty]

and this file is where mate?

[Hirosaki]

 

replace module file:

 

/themes/default-bootstrap/modules/blocktopmenu/blocktopmenu.tpl with code;

{if $MENU != ''}
	<!-- Menu -->
	<div id="block_top_menu" class="sf-contener clearfix col-lg-12">
		<div class="cat-title">{l s="Categories" mod="blocktopmenu"}</div>
		<ul class="sf-menu clearfix menu-content">
			{$MENU}{if $MENU_SEARCH}
				<li class="sf-search noBack" style="float:right">
					<form id="searchbox" action="{$link->getPageLink('search')|escape:'html':'UTF-8'}" method="get">
						<p>
							<input type="hidden" name="controller" value="search" />
							<input type="hidden" value="position" name="orderby"/>
							<input type="hidden" value="desc" name="orderway"/>
							<input type="text" placeholder="{l s='Search for product' mod='blocktopmenu'}" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'html':'UTF-8'}{/if}" />
                            <input type="submit" value="{l s='search'}"/>
						</p>
					</form>
				</li>
{/if}
		</ul>
	</div>
	<!--/ Menu -->
{/if}

Hello,

 

This works perfectly. But I am trying for nearly an hour now to change the "submit" button into an icon-search pic but whatever I do, it doesn't work well.

 

What would be the code then for this code line?

<input type="submit" value="{l s='search'}"/>

Thanks for your help Vekia!