4 replies to this topic

[KoRn]

Hello

i use default prestashop 1.6 template called default-bootstrap (themes/default-bootstrap) and i want to modify it a little.

for now i want to modify the position of logo and search bar.

 

i want to move logo to the center, and then - move search bar to the left hand side

[vekia]

hello
i moved your topic to "theme development" section.
 
solution for your question is below:


 
open your theme directory and then search for file named header.tpl and just open it.

<div id="header_logo">
<a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}">
<img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if $logo_image_width} width="{$logo_image_width}"{/if}{if $logo_image_height} height="{$logo_image_height}"{/if}/>
</a>
</div>

then go to /themes/default-bootstrap/modules/blocksearch/blocksearch-top.tpl and paste code that you removed at the end of the file
 
 
effect:

[Helen]

Hello

 

Could you please describe more detail what code paste to blocksearch.tpl and what remove from header.tpl? 

[vekia]

from header.tpl remove this code:
 

<div id="header_logo">
<a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}">
<img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if $logo_image_width} width="{$logo_image_width}"{/if}{if $logo_image_height} height="{$logo_image_height}"{/if}/>
</a>
</div>

and the same code paste at the end of blocksearch.tpl file

[ZoRk]

Hi, thank you for this...

 

I 've manage( thanks to this) to move my logo in the middle of my website, but ...

 

The but is i wants to move the search bar in another place, in fact,  at the end of the navigation menu.

I've planned to modify the css of the search bar to match the graphism on my menu and insert it at the end of it...

 

But i'm not really understand the functionnement of those class="col-sm-4 clearfix....

 

Can you help me please ?

 

Here is my website:  silver-smok. com...