2 mal Suche im Header !!!Gelöst!!!

  • Hallo!


    Ich bekomme im Header sobald ich den Warenkorb über admin aktiviere immer die Headersuche doppelt angezeigt.
    Einmal über meinem Shopbanner und ein unter dem Banner. Wenn ich den Warenkorb im Heder in der shop_nav.html auskommentiere ist der Fehler verschwunden.
    Ich habe nur folgende Klassen dafür gefunden "form-group navbar-right"
    wenn ich diese auf

    Code
    1. display: none

    stelle verschwindet auch die 2. Suche.


    So sieht der erzeugte html Code aus:



    kann ich irgendwo noch einen div um diese Form legen? Wäre die einfachste Variante.

  • Hier der Code meiner shop_nav.html vielleicht sieht da jemand den Fehler.


    Code
    1. {strip}<div id="nav_top" class="container"> <div class="row"> <div class="col-xs-12"> <nav id="nav_top_nav" class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#usernav"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="{$home}" title="{$store_name}"><i class="glyphicon glyphicon-home"></i></a> </div> <div class="navbar-collapse collapse" id="usernav"> <ul class="nav navbar-nav"> <li> <a href="shop_content.php?coID=4">{#link_imprint#}</a> </li> <li> <a href="shop_content.php?coID=7">{#link_contact#}</a> </li> <li class="dropdown menu"> <a href="{$cart}" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-star"></i> {#link_cart#} [b][color=#FF0000]<!--{$cart_count}--><!-- so funktioniert es bei angemeldeten Kunden-->[/color][/b]<b class="caret"></b></a> {$BOX_header_cart} </li> <li> <a href="{$wish_list}" id="wishButton" title="{#link_wish_list#}"><i class="glyphicon glyphicon-star"></i> {#link_wish_list#}</a> {*if $wish_list_count > 0} <b class="counter">{$wish_list_count}</b> {/if*} </li> <li class="dropdown accountmenu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-user"></i> {#link_account#} <b class="caret"></b></a> {$BOX_header_loginbox} </li> </ul> {if $customer_name} <ul class="nav navbar-nav navbar-right"> <li class="navbar-brand"> {$customer_name} </li> </ul> {/if} </div> </nav> </div> </div></div><div class="container"> <div class="row"><!-- Banner als Slider--><div id="logo"><a href="{$home}"><!--{$logo}--></a><ul class="rslides" id="slider1"> <li><a href="{$home}"><img src="templates/v2next-boot-flat/slider/Bild1.jpg" width="32" height="32" /></a></li> <li><a href="{$home}"><img src="templates/v2next-boot-flat/slider/Bild2.jpg" /></a></li> <li><a href="{$home}"><img src="templates/v2next-boot-flat/slider/Bild3.jpg" /></a></li> <li><a href="{$home}"><img src="templates/v2next-boot-flat/slider/Bild4.jpg" /></a></li> <li><a href="{$home}"><img src="templates/v2next-boot-flat/slider/Bild5.jpg" /></a></li> <li><a href="{$home}"><img src="templates/v2next-boot-flat/slider/Bild6.jpg" /></a></li> <li><a href="{$home}"><img src="templates/v2next-boot-flat/slider/Bild7.jpg" /></a></li> <!--<li><a href="{$home}"><img src="templates/v2next-boot-flat/slider/Bild8.jpg" /></a></li> <li><a href="{$home}"><img src="templates/v2next-boot-flat/slider/Bild9.jpg" /></a></li>--> </ul></a><!-- Suche unter dem Slider (Banner)--><div id="h_lf_search"> <div id="schrift"><marquee scrollamount="2" scrolldelay="1"><img src="/templates/v2next-boot-flat/img/logo_l.png" width="134" height="20"><div class="text_lf">Lauftext unter dem Banner links neben der Suche </marquee></div> </div><div class="suchen">{$BOXES_nav_search}</div> </div> </div> </div>


    Ich erhalte in beiden Fällen den gleichen Code somit hilft mir der CSS Code

    Code
    1. #quick_find {display: none;}

    auch nichts, weil damit beide Suchfelder verschwinden.


    Beide Suchfelder haben identischen Code ab <form id="quick_find ...


    hier der erzeugte Code:


    Code
    1. <form id="quick_find" class="navbar-form navbar-right" method="get" action="http://meine-domain.de/advanced_search_result.php" role="search" rel="nofollow"><input id="n" type="hidden" value="1" name="n"><div class="form-group navbar-right"><input id="txtSearch" class="form-control" type="search" maxlength="60" accesskey="s" autocomplete="off" onkeyup="auto_suggest();" onblur="if( this.value.replace(/\s/g, '') == '' ) this.value=this.defaultValue; return false" onclick="if(this.value==this.defaultValue) this.value='';return false" value="Suche" name="keywords"><button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button></div></form><div id="search_suggest" class="search_suggest"></div>


    Hier noch der erzeugte html Code des Warenkorbs (angemeldeter Kunde) im Header:

    Code
    1. <ul class="nav navbar-nav"><li><li><li class="dropdown menu"><a class="dropdown-toggle" data-toggle="dropdown" href="http://meine-domain.de/shopping_cart.php"><i class="glyphicon glyphicon-star"></i>Favoriten<b class="caret"></b></a><ul class="dropdown-menu"><li><table class="table table-striped"><tbody><tr><td colspan="3"> 1 Artikel im Warenkorb </td></tr><tr><td><img width="75" height="56" title="Artkel 1" alt="Artikel 1" src="/images/product_images/mini_images/artikel1.jpg"></td><td>1 x<a title="Artkel 1" href="http://meine-domain.de/artikel1.html">Artkel 1...</a></td></tr></tbody></table></li><li class="divider"></li><li class="text-right"></li><li class="text-center"><a title="zum Warenkorb" href="http://meine-domain.de/shopping_cart.php"><span class="css_wk_img_button">weiter</span></a></li></ul></li>


    und hier nicht angemeldeter Kunde:


    Code
    1. <li class="dropdown menu"><a class="dropdown-toggle" data-toggle="dropdown" href="http://meine-domain.de/shopping_cart.php"><i class="glyphicon glyphicon-star"></i>Favoriten<b class="caret"></b></a><form id="quick_find" class="navbar-form navbar-right" method="get" action="http://meine-domain.de//advanced_search_result.php" role="search" rel="nofollow"><input id="n" type="hidden" value="1" name="n"><div class="form-group navbar-right"><input id="txtSearch" class="form-control" type="search" maxlength="60" accesskey="s" autocomplete="off" onkeyup="auto_suggest();" onblur="if( this.value.replace(/\s/g, '') == '' ) this.value=this.defaultValue; return false" onclick="if(this.value==this.defaultValue) this.value='';return false" value="Suche" name="keywords"><button class="btn btn-default" type="submit"></div></form><div id="search_suggest" class="search_suggest"></div></li><li><li class="dropdown accountmenu"></ul>


    Vielleicht lassen sich die ID und die Klassen in CSS zusammenfassen und und somit das obere Suchformular ausblenden
    Beispiel:

    Code
    1. #quick_find.form-group.navbar-right {
    2. display:none;
    3. }



    Würde mich freuen wenn jemand eine Lösung hat. Ein Shop ohne Suchfunktion wäre auch nuicht sehr sinnvoll. Ich kann zwar den Warenkor im Header ausblenden aber das ist auch nicht die Lösung gerade für Tablet- und Handydisplays.


    Danke

  • Hallo!


    Funktioniert nur bedingt. da der Link Warenkorb im Header zwar angezeigt aber blcokiert wird, also brauch ich noch eine andere Lösung.


    Ich weis zwar immer noch nicht wo der Fehler her kommt aber hier eine Lösungsmöglichkeit:


    in der in /tempalates/v2next-boot-flat/html/shop_nav.html


    um {$BOX_header_cart} eine Klasse anlegen


    <div class="deine_klasse">{$BOX_header_cart}</div>


    Ergebnis:

    Code
    1. <li class="dropdown menu"> <a href="{$cart}" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-star"></i> {#link_cart#} <!--{$cart_count}--><b class="caret"></b></a> <div class="deine_klasse">{$BOX_header_cart}</div> </li>


    dann in deiner CSS folgende zeile einfügen:


    Code
    1. .deine_klasse {
    2. display:none;
    3. }


    Der Warenkorb im Header wird zwar nicht mehr angezeigt, ansonsten funktioniert alles.

  • Also die Lösung ist simple.


    mit Hilfe des Seitenquelltextes bzw. Firebug und Co. den komletten html Code der Headersuche kopieren.


    Header suche html Code:

    Code
    1. <form id="quick_find" class="suchen-top" rel="nofollow" role="search" action="http://katalog.aquarienkies.de/advanced_search_result.php" method="get"><input id="n" type="hidden" name="n" value="1"><div class="form-group suchen"><input id="txtSearch" class="form-control-search" type="search" name="keywords" value="Suche" onclick="if(this.value==this.defaultValue) this.value='';return false" onblur="if( this.value.replace(/\s/g, '') == '' ) this.value=this.defaultValue; return false" onkeyup="auto_suggest();" autocomplete="on" accesskey="s" maxlength="60"><button class="button_search" type="submit"><i class="glyphicon glyphicon-search"></i></button></div></form><div id="search_suggest" class="search_suggest"></div></div>


    Ich habe jetzt nicht alle schließenden Tags kopiert.


    Mein Beispiel:


    Code
    1. <div id="suchen"><form id="quick_find" class="suchen-top" rel="nofollow" role="search" action="http://katalog.aquarienkies.de/advanced_search_result.php" method="get"><input id="n" type="hidden" name="n" value="1"><div class="form-group suchen"><input id="txtSearch" class="form-control-search" type="search" name="keywords" value="Suche" onclick="if(this.value==this.defaultValue) this.value='';return false" onblur="if( this.value.replace(/\s/g, '') == '' ) this.value=this.defaultValue; return false" onkeyup="auto_suggest();" autocomplete="on" accesskey="s" maxlength="60"><button class="button_search" type="submit"><i class="glyphicon glyphicon-search"></i></button></div></form><div id="search_suggest" class="search_suggest"></div></div>


    Hier heißt mein div suchen ... Ihr müßt nur drauf achten alle div tags zu schleßen.


    Dann noch wie vorher beschrieben


    Code
    1. #quick_find.form-group.navbar-right {
    2. display:none;
    3. }


    Testen und ferig.