Paypal-Logo unter der Suchbox

Ihr benötigt Hilfe oder habt Fragen bei der Erstellung eines eigenen Layouts oder kleinen Veränderungen am Standard Layout, dann ist dies das richtige Forum

Moderatoren: Magnus, mmaass, ablass

Paypal-Logo unter der Suchbox

Beitragvon Nuschel » Mi 21. Jan 2015, 12:06

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
 
Beiträge: 1
Registriert: Mo 2. Sep 2013, 10:22

Re: Paypal-Logo unter der Suchbox

Beitragvon bonsai » Mi 21. Jan 2015, 17:22

Nuschel hat geschrieben:Weiß jemand Rat?


Je nach dem Wie Du das möchtest. Wenn in etwa so ->
55.jpg
55.jpg (9.12 KiB) 8328-mal betrachtet


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
Versionen im Gebrauch: 2.6/3.0 & 3.1 mit Frontend 2.6
https://pc-krug.de <- Hilfe in Sachen randshop
ac-bad-saeckingen.de <- die "Shopversion" ohne Shop
bonsai
 
Beiträge: 773
Registriert: Mo 9. Jul 2007, 21:14
Wohnort: wo wohl, DAHEIM

Re: Paypal-Logo unter der Suchbox

Beitragvon Nuschel56 » Do 22. Jan 2015, 11:10

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
Nuschel56
 
Beiträge: 23
Registriert: Mi 14. Jan 2015, 18:12

Re: Paypal-Logo unter der Suchbox

Beitragvon bonsai » Do 22. Jan 2015, 16:57

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
Versionen im Gebrauch: 2.6/3.0 & 3.1 mit Frontend 2.6
https://pc-krug.de <- Hilfe in Sachen randshop
ac-bad-saeckingen.de <- die "Shopversion" ohne Shop
bonsai
 
Beiträge: 773
Registriert: Mo 9. Jul 2007, 21:14
Wohnort: wo wohl, DAHEIM

Re: Paypal-Logo unter der Suchbox

Beitragvon Nuschel56 » Do 22. Jan 2015, 18:25

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!
Nuschel56
 
Beiträge: 23
Registriert: Mi 14. Jan 2015, 18:12


Zurück zu Designfragen

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 4 Gäste
cron