Neu Schriftfarbe im Header ändern + Nur das Suchfeld in die Mitte setzen + Flagge im Shop

[hausmeister36]

Hallo Profis,
ich habe 3 Kleinigkeiten die ich gerne verändert haben möchte .

Ich möchte gerne die Schriftfarbe im Header Bereich für Anmeldung und Warenkorb verändern.

ich habe dies in der custom.css mit folgendem Befehl versucht, doch leider verändert dies die gesamte Schriftfarbe im Shop:

aside a, header a {
color: #A4A4A4;

Desweiteren hätte ich gerne das Suchfeld mittig.

Das habe ich auch schon mit ein paar Methoden probiert doch leider wandert dann auch immer die Anmeldung sowie der Warenkorb mit in die Mitte.

Zu guter letzt würde ich gerne Anstatt den Schriftzug Deutsch oder English eine Flaggenansicht haben.

Könnt Ihr mir da helfen ?

Vielen Dank im Vorraus.

 

[hausmeister36]

Keiner einen Tipp?

 

[Julian L]

Hallo hausmeister36,

Änderungen für einzelne Elemente sollten immer ganz präzise eingegrenzt werden. "header a" ist hierbei viel zu weit gefasst, dies spricht alle Links im gesamten Header an. In deinem Beispiel müsste die Anweisung (ausgehend vom Evo für 4.06.11) ungefähr so sein:

#shop-nav li.dropdown span {
    color: #A4A4A4 ;
}

Für ein mittiges Suchfeld würde ich dir empfehlen die Struktur zu ändern und das Suchfeld in eine eigene Col zu übertragen. Folgende Struktur wäre denkbar:

<div class="col-xs-4">
    Logo
</div>
<div class="col-xs-4">
    Suche
</div>
<div class="col-xs-4">
    Anmeldung und WKB etc.
</div>

Das Suchfeld kannst du denn entweder so breit wie die Box drum herum definieren, oder aber mit der gewünschten Breite innerhalb des cols zentrieren. Bitte verwende für solche Änderungen immer ein Child-Template, beachte auch bitte, dass der vorgeschlagene Code natürlich noch entsprechend anzupassen ist, es handelt sich hier lediglich um das grobe Konstrukt, welches man zur Umsetzung benutzen kann. Standardmäßig sind Suche, Anmeldung, WKB usw. in der selben col, dies erklärt das von dir beobachtete Verhalten.

Was die Flaggen angeht wäre mein Vorschlag: Flaggendateien als German.jpg, English.jpg (usw.) hochladen und folgendenBlock in header_top_bar.tpl ersetzen:

{block name="top-bar-user-settings-language"}
        {if isset($smarty.session.Sprachen) && $smarty.session.Sprachen|@count > 1}
            {foreach from=$smarty.session.Sprachen item=oSprache}
                        <a href="{if isset($oSprache->cURLFull)}{$oSprache->cURLFull}{else}{$oSprache->cURL}{/if}" class="link_lang {$oSprache->cISO}" rel="nofollow"><img src="pfad/zur/datei/{$oSprache->cNameEnglisch}.jpg"></a>
                {/foreach}
        {/if}
{/block}

Entsprechend wichtig ist hier: Die Flaggendateien müssen so heißen wie die Englische Shop-Bezeichnung der Sprache ( {$oSprache->cNameEnglisch}.jpg ). In meinem Beispiel werden immer alle möglichen Sprachen als Flagge angezeigt, auch die gerade aktivierte Sprache. Um die gerade aktive Sprache auszublenden musst du den Link (a) noch mit folgender Bedingung umgeben: {if $oSprache->kSprache != $smarty.session.kSprache}