Move the search box and cart to main menu

[YaniParga]

Hi!

I need to move the search box and the cart to main menu.

its possible? This is my store.

Thanks.

[Nishith Nesdiya]

Hi!

I need to move the search box and the cart to main menu.

its possible? This is my store.

Thanks.

Hi...

 

Goto your_admin->Module and service-> find 'Top horizontal menu'

then after configure your module and enable search bar.

 

thanks

 

 

[YaniParga]

Hi...

 

Goto your_admin->Module and service-> find 'Top horizontal menu'

then after configure your module and enable search bar.

 

thanks

 

 

 

Hello!

Thanks for your answer!

But if I activate that option does not show the magnifying glass icon.

How active the cart in that position?

 

Thanks!!!

[Nishith Nesdiya]

hi 

 

in search bar

 

that time you can change your "blocktopmenu.tpl" file which is locate "your_dir/themes/default-bootstrap/modules/blocktopmenu/blocktopmenu.tpl file
 

find this

<input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'html':'UTF-8'}{/if}" />

after add this code

<button type="submit" name="submit_search" class="btn btn-default button-search"> <span>{l s='Search' mod='blocksearch'}</span> </button>

add also the the your css code for glass icon

thanks

 

Edited July 19, 2016 by Nishith (see edit history)

[Nishith Nesdiya]

Hi..

after add above add this code your "your_dir/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css" end of file

.sf-search .btn.button-search {
    background: #9fa94a ;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: #fff;
    width: 50px;
    text-align: center;
    padding: 10px 0 11px 0;
 }
.sf-search .btn.button-search span {
     display: none; 
}
.sf-search .btn.button-search:before {
      content: "\f002";
      display: block;
      font-family: "FontAwesome";
      font-size: 17px;
      width: 100%;
      text-align: center; 
}
.sf-search .btn.button-search:hover {
      color: #719f40 ; 
}

and also you can change some css property according your store.

thanks

Edited July 19, 2016 by Nishith (see edit history)

[YaniParga]

Hi..

 

after add above add this code your "your_dir/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css" end of file

.sf-search .btn.button-search {
    background: #9fa94a ;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: #fff;
    width: 50px;
    text-align: center;
    padding: 10px 0 11px 0;
 }
.sf-search .btn.button-search span {
     display: none; 
}
.sf-search .btn.button-search:before {
      content: "\f002";
      display: block;
      font-family: "FontAwesome";
      font-size: 17px;
      width: 100%;
      text-align: center; 
}
.sf-search .btn.button-search:hover {
      color: #719f40 ; 
}

and also you can change some css property according your store.

 

thanks

 

Thanks!!

It's looks great

 

But I still need add the cart. It's possible?

[Nishith Nesdiya]

Hi...

you can read this topic for cart in menu

https://www.prestashop.com/forums/topic/337954-move-cart-block-to-nav/

i hope this help for you

thanks

[YaniParga]

Hi...

 

you can read this topic for cart in menu

 

https://www.prestashop.com/forums/topic/337954-move-cart-block-to-nav/

 

i hope this help for you

 

thanks

 

Hello!

I do all the steps that are in this link, but still not be on the menu. It is above or below it, not within it .. what can it be?

[Nishith Nesdiya]

Hi...

here is best artical  for read this i sure solve your problem

https://mypresta.eu/en/art/developer/block-cart-in-top-menu.html

thanks

[Willemien]

Good day

We paid for a modified SEARCH bar on our site which we no longer need.

 

We want to only have a standard search bar on the site.

 

How do we do that?

 

we found where the "code" is in the backoffice, but if we "unhook" it, we have no search bar...

 

We are not IT specialists.

 

PLEASE HELP