HOW TO INCREASE WIDTH OF SEARCH BOX

[gbola]

Hi,

 

Please how can i increase the width of the search box on the top horizontal menu of my website and i will also like to have the word search....... by default in the box.

 

Also how can i change the ADD TO CART text on the home featured products module to BUY NOW instead of having ADD TO CART there.

 

 

 

ANy ideas please

Edited February 23, 2014 by gbola (see edit history)

[PascalVG]

Hi gbola,

 

Size of the search box you can change in file:

http://www.valuplus.com.ng/modules/blocktopmenu/css/superfish-modified.css  (line 158):

 

li.sf-search input {

   -moz-border-radius: 0 5px 5px 0;

   padding: 3px 0;

   padding-left: 20px;

   margin: 6px 6px 0 0;

   background: #fffurl('../img/search.gif') no-repeat left center;

   border: 1px solid #777;

   width: 300px;                                 // <- add a line like this here. Change width as preferred...

}

 

 

 

for the 'search' in your search block:

copy file modules/blocksearch/blocksearch-top.tpl    

 

to:

   themes/default/modules/blocksearch/blocksearch-top.tpl

 

then edit this new file:

scroll down  to almost at the end of the file (around line 70 or so in my file):

 

You see some code like this: (delete strike-through code, add red code)  (N.B. Code may vary a little, as you don't have a 'search' button to press to start searching)

 

<div id="search_block_top">

<form method="get" action="{$link->getPageLink('search')|escape:'html'}" id="searchbox">

<p>

<label for="search_query_top"><!-- image on background --></label>

<input type="hidden" name="controller" value="search" />

<input type="hidden" name="orderby" value="position" />

<input type="hidden" name="orderway" value="desc" />

 

<input type="text" name="search_query" value="">

 

<input class="search_query" type="text" id="search_query_top" name="search_query" value=

"Search..."  onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Search...':this.value;" />

 

...

 

 

save the file and reload the front page (Ctrl-F5)

 

 

 

For Buy Now in home featured block:

go to localization->translations

select Installed Modules translations, choose your theme (default) and click on your language flag (US flag if you want to 'translate' English into other English):

 

Then find the Module: HomeFeatured translation block

Here you see a line Add to Cart. Add the Buy Now in the pink field next to it and save the changes.

Reload page (Ctrl-F5)

 

N.B. You may need to (TEMPORARILY!!):  - turn OFF your smarty cache and - 'Template cache' set to "Recompile templates if the files have been updated" in Advanced Parameters->Performance to see the changes. (Don't forget to change back to original settings afterwards!)

 

Hope this does the trick

 

pascal.