Ich würde gerne das Paypal-Logo im Kopf unter der Suchbox unterbringen, da ist so schön viel Platz und das Logo suggeriert Seriösität.
Bisher sieht das so aus: alte-trecker.de
Weiß jemand Rat?

Nuschel hat geschrieben:Weiß jemand Rat?

Je nach dem Wie Du das möchtest. Wenn in etwa so ->


Bitte mit einem richtigen utf-8 fähigen Editor (z.b. Notepad++) bearbeiten.

Dann musst Du erst schauen, welche Abmessungen das Logo hat - hier jetzt angenommen 155x23px. Dann das Logo in den Ordner \Images kopieren.
Nun öffnest Du die Datei \templates\Standard\Design\DEIN DESIGN\css\layout.css
Dort kopierst Du hinter die Zeile header div.logoPosition, div.suchBox, div.warenkorbBox {
...
..
}

folgendes:

Code: Alles auswählen

header div.suchBox-pay-pla-logo {
    position: absolute;
    left: 0px;    /* Hier kannst Du dann noch nach rechts verschieben */
    top: 90px;   /* hier kannst Du die Höhe von oben einstellen */
    z-index: 1;
    width: 300px;
    height: 23px;  /* Hier die Höhe des logos eingeben (wie oben beschrieben 23px) */
    overflow: hidden;
    padding-top: 10px;
     border-left: 0px;
    text-align: center;
}

Speichern nicht vergessen

Dann öffnest Du die Datei \templates\Standard\Website\index.tpl.

Dort suchst Du nach <!-- AJAX Suche -->

Hier findest Du dann unten folgendes

Code: Alles auswählen

                     <a onmouseover="HighlightShowMore()" onmouseout="HighlightResetShowMore()" id="ajaxsearchresult_searchmore_link" href="#"><?php echo $s_as_moresearchresults?></a>
                </div>
                <div class="ajaxsearchresult_searchmore_end" id="ajaxsearchresult_searchmore_end">&nbsp;</div>
            </div>
        </div>
        <?php } ?>

        <!-- Sprachenauswahl -->

Zwischen die beiden letzten </div> fügst Du dann folgendes hinzu

Code: Alles auswählen

<div class="suchBox-pay-pla-logo"><img src="<?php echo URLPFAD ?>Images/DER NAME DES LOGOS UNTER IMAGES.gif oder jpg"></div>

Sollte dann so aussehen

Code: Alles auswählen

                     <a onmouseover="HighlightShowMore()" onmouseout="HighlightResetShowMore()" id="ajaxsearchresult_searchmore_link" href="#"><?php echo $s_as_moresearchresults?></a>
                </div>
                <div class="ajaxsearchresult_searchmore_end" id="ajaxsearchresult_searchmore_end">&nbsp;</div>
            </div>
<div class="suchBox-pay-pla-logo"><img src="<?php echo URLPFAD ?>Images/DER NAME DES LOGOS UNTER IMAGES.gif oder jpg"></div>
        </div>
        <?php } ?>

        <!-- Sprachenauswahl -->

Viel Spass

Alles klappt, nur wird die Grafik nicht gefunden. Sie steht bei mir unter www.alte-trecker.de/images/paypal.jpg
Ich habe diese Zeile in .../website/index.tpl als Zeiler 210 eingetragen:

<div class="suchBox-pay-pal-logo"><img src="<?php echo URLPFAD ?>images/paypal.jpg"></div>

ist die Syntax falsch?

In ../CSS/layout.css steht von Zeile 64 bis 74 jenes:

header div.suchBox-pay-pal-logo {
position: absolute;
left: 0px; /* Hier kannst Du dann noch nach rechts verschieben */
top: 90px; /* hier kannst Du die Höhe von oben einstellen */
z-index: 1;
width: 225px;
height: 66px; /* Hier die Höhe des logos eingeben (wie oben beschrieben 23px) */
overflow: hidden;
padding-top: 10px;
border-left: 0px;
text-align: center;

Vielen Dank für deine geduldige Hilfe!

Nuschel

Also bei mir sieht das so aus

Code: Alles auswählen

                <div class="ajaxsearchresult_searchmore_end" id="ajaxsearchresult_searchmore_end">&nbsp;</div> 
            </div>
            <div class="suchBox-pay-pal-logo"><img src="<?php echo URLPFAD ?>images/paypal.jpg"></div>
        </div>
        <?php } ?>

        <!-- Sprachenauswahl -->

Die css stimmt und der Bildpfad auch. Kann es sein, dass Du das <div> eine Zeile zu früh eingefügt hast? Dann wird bei mir nämlich auch nichts angezeigt.

Hab grad mal den Quellcode von Deiner Seite angesehen. Da ist ein Fehler drin - vermutlich wird das deshalb nicht angezeigt.
Also bei Dir sieht das so aus

Code: Alles auswählen

                <div class="ajaxsearchresult_searchmore_end" id="ajaxsearchresult_searchmore_end">&nbsp;</div>
            </div>
<div class="suchBox-paypallogo"><img src="http://alte-trecker.de/(/images/paypal.jpg)"></div>
}
        </div>

Die } muss eigentlich dort als letztes kommen aber als <?php } ?> und die class stimmt auch nicht wie ich das lese -> suchBox-pay-pal-logo. Du hast die Bindestriche vergessen

Und die Klammer mit dem / vor dem images hier um das -> cker.de/(/images/paypal.jpg)"> bringt mich zum grübeln.

Kannst ja das von mir hier oben mal kopieren und bei Dir einfügen

Jo, alles klar jetzt, muß einfach konzentrierter arbeiten... aber in meinem Alter?
Die Bindestriche warens nicht, das war nur einer meiner verzweifelten Versuche.
Die } war´s.
Vielen Dank, ich gelobe Besserung!