Jump to content

Recommended Posts

Hallo,

ich nutze das Standardtemplate und die prestashop_1.6.1.4_de und würde die Suche Blocksearch gerne wie auf dem Bild zu sehen neben dem Blocktopmenu anordnen. Kann mir jemand sagen wie ich das am Besten mache?

Bei kleinen Bildschirmen sollen Blocktopmenue (Horizontale Navigationsleiste v2.2.3) und Blocksearch (Block Schnellsuche v1.7.0) auf 100% skaliert untereinander stehen. Auf großen Bildschirmen soll Blocktopmenu 8 Spalten breit und Blocksearch 4 Spalten breit sein (siehe Bild).

Schon jetzt herzlichen Dank für Eure Unterstützung

Georg

 

Mein  Code sieht bislang so aus:

<div class="header-container">
<header id="header">
<div class="nav">
<div style="background-color:#28343E">
<div class="container">
<div class="row">
<div id="header_logo">
<div class="col-sm-4 clearfix">
<div id="layer_cart">
<div class="layer_cart_overlay"></div>
<div id="block_top_menu" class="sf-contener clearfix col-lg-12" style="float:left;">
<div class="cat-title">Menü</div>
<ul class="sf-menu clearfix menu-content sf-js-enabled sf-arrows">
<li class="">
<li>
<li>
</ul>
</div>
<div id="search_block_top" class="col-sm-4 clearfix" style="float:right;width:100%;padding-top:0px;">
<form id="searchbox" action="//www.domainname.de/store/suche" method="get">
<input type="hidden" value="search" name="controller">
<input type="hidden" value="position" name="orderby">
<input type="hidden" value="desc" name="orderway">
<input id="search_query_top" class="search_query form-control ac_input" type="text" value="" placeholder="Suche" name="search_query" autocomplete="off">
<button class="btn btn-default button-search" name="submit_search" type="submit">
<span>Suche</span>
</button>
</form>
</div>
</div>
</div>
</div>
</header>
</div>

post-1234813-0-63074800-1461141713_thumb.jpg

Edited by gevaube (see edit history)
Link to comment
Share on other sites

Hallo,

ich bin einen Schritt weiter. Nunstehen beide Boxen nebeneinander und floaten auch schön. Jedoch entfaltet sich das Menü bei kleinen Bildschirmgrößen nicht mehr wen ich auf das + klicke. Sieht jemand den Fehler?

<div class="row">
<div id="block_top_menu" class="sf-container clearfix col-sm-12 col-md-8">
<div class="cat-title">Menü</div>
<ul class="sf-menu clearfix menu-content sf-js-enabled sf-arrows">
<li>
<li>
<li>
</ul>
</div>
<div id="search_block_top" class="sf-container clearfix col-sm-12 col-md-4">
</div>

.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...