[SOLVED] Search Block

[hurray]

My site is in french. However the text "Search" next to the search field is in english.
I have looked on the translation tool, and everything seems to be just fine. I do not understand why it does not revert to french.

[MrBaseball34]

Would it be modified here?

{l s='Search' mod='blocksearch'}

blocksearch.tpl

[hurray]

No that did not solve it. It looks like the entire button "Search" is an image file. So in that case, I would need to replace the image with an image file that has search written in french. But that would affect my site if one day I would like to have it in english as well, right? So what could be done in this case?

[MrBaseball34]

Got a URL?

[hurray]

Here it is http://www.shop.ametibetaine.com/
Look at the search engine on top right hand side.

[MrBaseball34]

Seems to me that that is the only one on the page that is a real button. All the rest are either or

tags styled as buttons using CSS.

Search your img and images directories, including the ones in your theme, for the button_search.jpg and see if it is in a lang directory.

Search your TPL source code for "button_search.jpg" and show me the code around it. I may be able to show you how to get the correct button based on the current language.

What version of PS?

[hurray]

Hi,
I found the image button_search.jpg. It is located under shop/img folder. It is not in lang directory. In fact, in lang directory there are not image files.

And under header.tpl, I found this code. And it is prestashop 1.2.5

<form method="get" action="{$base_dir}search.php" id="searchbox">

<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'}{/if}" /></td>

<input type="image" class="buttonStyle" src="img/button_search.jpg" /></td>

</form>

[MrBaseball34]

Ok, make a copy of the button with the correct French text and then rename it fr-search_btn.jpg, then
copy it in the /images/l directory. Take the English button and rename it to en-search_btn.jpg and move it to the
same directory.

Then change to this:

<input type="image" class="buttonStyle" src="{$img_lang_dir}{$lang_iso}-search_btn.jpg" />

[hurray]

Ok, I did exactly as you told me, and everything works just fine except for one thing. Take a look at the URL http://shop.ametibetaine.com/index.php?id_lang=1. If you set it to french by clicking on the language flag on top right hand side, you will notice that the search engine jumps a line.
Do you know why it does that?

[MrBaseball34]

Looks like it is because of the length of the bookmarks.
In English:

   Home  Products  Information  My Account

In French:

   Accueil Produits Information  Mon compte

You need to adjust your css to get that one right.

[hurray]

Thank you very much.
Well, I looked around to see if I could figure it out in vain. I guess I'll leave it as it is.

[MrBaseball34]

What, did you disable your languages block?

[hurray]

I had disabled it for a while. Now I enabled it again.

[MrBaseball34]

Try changing the padding values in the chromemenu selector.
Seems the left value (30px) is kind of big.

[MrBaseball34]

You may also want to look at the width in the chromestyle selector

[hurray]

I know this is just a little bug, but it can be quite annoying. I have looked into the codes under categoriesbar.tpl and have even changed the padding values. It still did not work. Following are the lines of codes from this file:

[removed][removed]
<!-- Categories Bar module -->

• 
  
• {l s='Home' mod='categoriesbar'}
  
• {l s='Products' mod='categoriesbar'}  
  
• {l s='Information' mod='categoriesbar'}    
  
  
  

  • 
    {foreach from=$cmslink item=cmslink}
    
  • {$cmslink.meta_title|escape:htmlall:'UTF-8'}
    {/foreach}
    

  
  
  
  
  <!--
• {l s='Top Sellers' mod='categoriesbar'} -->
  
• {l s='My Account' mod='categoriesbar'}
  
  
•  
  
  {l s=' Cart:' mod='categoriesbar'}
  {if $cart_qties > 0}{$cart_qties}{/if}{l s=' Product @' mod='categoriesbar'}{l s='Products @' mod='categoriesbar'}
  {if $cart_qties > 0}{if $priceDisplay == 1}{convertPrice price=$cart->getOrderTotal(false, 4)}{else}{convertPrice price=$cart->getOrderTotal(true, 4)}{/if}{/if}
  {l s='(empty)' mod='categoriesbar'}
  
  
  

<!--

• 
  {foreach from=$categoriesLevel.children item=child name=categoriesLevel}
  {if $smarty.foreach.categoriesLevel.last}
  {include file=$bar_tpl_path node=$child last='true'}
  {else}
  {include file=$bar_tpl_path node=$child}
  {/if}
  {/foreach}
  

-->

<!-- /Categories Bar module -->
[removed]cssdropdown.startchrome("chromemenu")[removed]

[MrBaseball34]

I meant change them in your CSS files. The categories bar is not what you need to change.

[hurray]

Thanks for your continued help. I still cannot figure out which code relates to the search box. I looked under global.css under chromemenu and found these codes:

#chromemenu #shopping_cart a {
background-image: url('../img/icon/cart.gif');
background-repeat:no-repeat;
background-position: top left;
padding: 5px 5px 0 30px;
height: 20px;
text-decoration: none;

I changed the padding and it did not affect the search box but rather the cart.

Which code in the global.css could be related to this issue?

[MrBaseball34]

I'm thinking more the width of the chromestyle selector in your chromestyle.css.
It is now set to:
width:760px;

[hurray]

Yes it was that file. I changed the width from 760 to 700 pxl and now it is just fine.
Thank you very very much for all your help.

[rocky]

If your issue is resolved, please edit your first post and add [sOLVED] to the front of the title.