Frage zu Anleitung Suchfeld + Warenkorb im Header

[h-h-h]

Hi Kai,
in online Variante hast Du vergessen in der boxes/box_search.html anzupassen.

Code: XML  [Auswählen]

{config_load file="$language/lang_$language.conf" section="boxes"}
            {$FORM_ACTION}
                {$INPUT_SEARCH}{$BUTTON_SUBMIT}<a href="{$LINK_ADVANCED}">{#text_advanced_search#}</a>
            {$FORM_END}

Gruß h-h-h

[h-h-h]

Die Punkte vor den Links kommen durch die <li>s.
In der stylesheet.css kannst Du die mit

Code: CSS  [Auswählen]

list-style-type:none;

abschalten.
Am besten Du schreibst das in den #topmenu Bereich rein.

Gruß h-h-h

[Barnabas]

Hallo, h-h-h!
Ich habe es fast hinbekommen! Danke nochmal!
Nur, die Anordnung der Suche-> Button-> Erweiterte Suche will noch nicht! Ich habe schon alles mögliche ausprobiert, ich komme aber auf keine Lösung?!

Shop

Gruß...Kai

[h-h-h]

Hey Kai,
habe das ganze unter die Lupe genommen und konnte den Fehler nicht finden.
Sehe grade in Deinem Shop das Du es gelöst hast.
Echt verzwickt war das, sag mal wie Du es geschafft hast.
Das hat mich schon gejuckt das ich es nicht geschafft habe.

In deiner stylesheet.css ändere mal folgendes:
Suche:

Code: CSS  [Auswählen]

#header #search {
    width: 230px;
    height:75px;
    float:right;
    color:#fff;
    padding:30px 0px 0px 60px
}
#header #search a {
    color:#fff;
    font-size:11px;
}

Ersetze mit:

Code: CSS  [Auswählen]

#topmenuwrap #search {
    float:right;
    color:#fff;
    height:26px;
    font-size:13px;
    padding: 4px 10px 4px 0px;
    margin:0;
}
#topmenuwrap #search a {
    color:#fff;
    font-size:11px;
}
#topmenuwrap #search input {
       vertical-align:middle;
}

Und lösche:

Code: CSS  [Auswählen]

#topmenuwrap #search {
    text-align:right;
    height:26px;
    color: white;
    font-size:13px;
    padding: 4px 10px 4px 0px;
    margin:0;
    float: right;
}

Gruß h-h-h

[Barnabas]

[...]
Echt verzwickt war das, sag mal wie Du es geschafft hast.
[...]

Das Sag ich lieber nicht! Habe gepfuscht!
Habe den Link Erweiterte Suche aus der boxes/box_search.html gelöscht! Und sonst nur bei padding mit den Werten gespielt! Der Button zur Suche hängt aber immer noch zu hoch und der Begriff Suche ist auch nicht vorhanden!
Was ich gerade sehe, Dein Code oben #header #search { ist in meiner Stylesheet.css auskommentiert!? Den Schnipsel habe ich so aus der Anleitung übernommen!

Code: CSS  [Auswählen]

/*
#header #search {
    width: 230px;
    height:75px;
    float:right;
    color:#fff;
    padding:30px 0px 0px 60px
}
#header #search a {
    color:#fff;
    font-size:11px;
}
*/
 

Soll das so sein?

Gruß...Kai

[h-h-h]

Auskommentierung kannst Du auch löschen

Zur Button-Höhe:

Code: CSS  [Auswählen]

#topmenuwrap #search input {
       vertical-align:middle;
}

Gute Nacht
h-h-h

[Barnabas]

jetzt passt es!  

Danke! Gute Nacht!

[preusen4]

Hallo modified eCommerce Shopsoftware Gemeinde,

Ich habe nach den Anleitungen Suche in den Header und Warenkorb in den Header gearbeitet.
Dann habe ich die Tipps aus dem Beitrag auch befolgt. Jetzt ist meine Seite aber total verzogen.
Kann das an dem etwas grösserem Header liegen?

hier der Link zu meinem Shop

Im Anhang habe ich die Geänderten Dateien.

Ich habe die Vermutung, dass der Fehler in der Index.html ist. Finde ihn aber leider nicht.

Danke
mfg
Dennis

[Barnabas]

Hallo preusen4!

Suche in den Header verschieben?    Du meinst wohl Suche in das Top-Menü verschieben! Jetzt hängt der Warenkorb und die Suche an der gleichen Stelle.
Hast Du die Suche nach: ANLEITUNG: Suchfeld ins Top-Menü verschieben schon bearbeitet? Sieht für mich nicht danach aus.

Gruß...Kai

[preusen4]

Hallo Kai,

ich bin ein Trottel!
Die schei... soll natürlich im Header bleiben aber unter den Warenkorb.
Hat wer 'nen Tipp, wie ich das hin bekomme?

mfg
Dennis

[Riesenreuter]

Hallo, kann ich ja so nicht nehmen.
Da ich den Code ja schon wegen den Warenkorb geändert habe.

Benutze ich den Code von da, dann ist der Warenkorb der jetzt im Header ist ja weg.

Oder habe ich jetzt was falsch verstanden?

Habe zwar schon selber einiges umgeändert aber immer nur mit Anleitung.

Danke für die Info.

Grüße Armin

Doch, das geht! Kann beides nebeneinander co-existieren.

Grüße

Torsten

Hallo mal wieder eine Frage von mir. Ich bekomme es hin, den Warenkorb in den Header zu verschieben und habe nun versucht danach (und nach Anleitung) das Suchfeld ins Topmenü zu verschieben. Wenn ich nach Anleitung vorgehe verschwindet aber wieder der Warenkorb aus dem Header. Tomcraft schrieb aber, dass beides co-existieren kann (siehe Zitat oben). Was hab ich übersehen?

Die Programmierfumpe dankt euch!

Gruß,

Christian

[Tomcraft]

Liefer doch mal ein wenig Code! Ohne deine "index.html" wird dir auch niemand helfen können!

Grüße

Torsten

[Riesenreuter]

Natürlich, hier isser!

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
<div id="wrap">
    <div id="header">
        <div id="logo"><img src="{$tpl_path}img/spacer.gif" width="400" alt="{$store_name}" /></div>
    </div>
    <div id="topmenuwrap">
        <ul id="topmenu">
            <li><a href="{$index}">{#link_index#}</a></li>
          <li><a href="{$cart}">{#link_cart#}</a></li>
          {if $account}
            <li><a href="{$account}">{#link_account#}</a></li>
          {/if}
            {if $smarty.session.customers_status.customers_status_id == '1'}
            <li><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}">{#new_customer#}</a></li>
          {/if}
            <li><a href="{$checkout}">{#link_checkout#}</a></li>
          {if $smarty.session.customer_id}
            <li><a href="{$logoff}">{#link_logoff#}</a></li>
          {else}
            <li><a href="{$login}">{#link_login#}</a></li>
          {/if}
        </ul>
        <div id="languages">{$box_LANGUAGES}</div>
        <div id="search">{$box_SEARCH}</div>
    </div>
    <div id="breadcrumb">{$navtrail}</div>
    <div id="contentwrap"> {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
        <div id="leftcol">{$box_CATEGORIES}{*$box_ADD_QUICKIE*}{$box_CONTENT}{*$box_INFORMATION*}{$box_LAST_VIEWED}{$box_REVIEWS}{$box_SPECIALS}{$box_WHATSNEW}</div>
        {/if}
        <div
                {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
                        id="content"
                {else}
                        id="contentfull"
                {/if}
                 >
        {if strstr ($smarty.server.PHP_SELF, 'index')}
            {if $smarty.get.cPath==null and $smarty.get.manufacturers_id==''}
                 {if $BANNER}{$BANNER}{/if}
           {/if}
        {/if}
        {$main_content}</div>
    {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
    <div id="rightcol">{*$box_CART*}{*$box_LOGIN*}{$box_ADMIN}{*$box_NEWSLETTER*}{$box_BESTSELLERS}{*$box_INFOBOX*}{$box_CURRENCIES}{$box_MANUFACTURERS_INFO}{*$box_MANUFACTURERS*}</div>
    {/if} </div>
<p class="footer">{$smarty.const.TITLE} &copy; {$smarty.now|date_format:"%Y"} | Template &copy; 2009 by modified eCommerce Shopsoftware eCommerce Shopsoftware</p>
</div>

[Tomcraft]

Da fehlte lediglich das DIV für den Warenkorb.

Hier der korrigierte Code:

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
<div id="wrap">
    <div id="header">
        <div id="logo"><img src="{$tpl_path}img/spacer.gif" width="400" alt="{$store_name}" /></div>
        <div id="cart">{$box_CART}</div>
    </div>
    <div id="topmenuwrap">
        <ul id="topmenu">
            <li><a href="{$index}">{#link_index#}</a></li>
          <li><a href="{$cart}">{#link_cart#}</a></li>
          {if $account}
            <li><a href="{$account}">{#link_account#}</a></li>
          {/if}
            {if $smarty.session.customers_status.customers_status_id == '1'}
            <li><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}">{#new_customer#}</a></li>
          {/if}
            <li><a href="{$checkout}">{#link_checkout#}</a></li>
          {if $smarty.session.customer_id}
            <li><a href="{$logoff}">{#link_logoff#}</a></li>
          {else}
            <li><a href="{$login}">{#link_login#}</a></li>
          {/if}
        </ul>
        <div id="languages">{$box_LANGUAGES}</div>
        <div id="search">{$box_SEARCH}</div>
    </div>
    <div id="breadcrumb">{$navtrail}</div>
    <div id="contentwrap"> {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
        <div id="leftcol">{$box_CATEGORIES}{*$box_ADD_QUICKIE*}{$box_CONTENT}{*$box_INFORMATION*}{$box_LAST_VIEWED}{$box_REVIEWS}{$box_SPECIALS}{$box_WHATSNEW}</div>
        {/if}
        <div
                {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
                        id="content"
                {else}
                        id="contentfull"
                {/if}
                 >
        {if strstr ($smarty.server.PHP_SELF, 'index')}
            {if $smarty.get.cPath==null and $smarty.get.manufacturers_id==''}
                 {if $BANNER}{$BANNER}{/if}
           {/if}
        {/if}
        {$main_content}</div>
    {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
    <div id="rightcol">{*$box_CART*}{*$box_LOGIN*}{$box_ADMIN}{*$box_NEWSLETTER*}{$box_BESTSELLERS}{*$box_INFOBOX*}{$box_CURRENCIES}{$box_MANUFACTURERS_INFO}{*$box_MANUFACTURERS*}</div>
    {/if} </div>
<p class="footer">{$smarty.const.TITLE} &copy; {$smarty.now|date_format:"%Y"} | Template &copy; 2009 by modified eCommerce Shopsoftware eCommerce Shopsoftware</p>
</div>

Jetzt einfach weiter nach Anleitung, wobei du die Anpassungen für die "index.html" jetzt natürlich einfach weg lässt, weil die Datei ja schon angepasst ist:

• ANLEITUNG: Suchfeld ins Top-Menü verschieben
• ANLEITUNG: Warenkorb in den Header verschieben

Grüße

Torsten

[Riesenreuter]

So einfach? Naja, ich sehe sowas nicht. Für mich sehen die ganzen Codes aus wie für 'n Maler wenn er in den offenen Bauchraum bei 'ner OP schaut.

Aber jetzt funzt es auf jeden Fall!

Danke dir!!!

Gruß,

Christian