Shop-Header Grösse anpassen und verlinken

[Haina]

Um die Größe der Shop-Headers im Template xtc5 (high=115px) in der Höhe anzupassen, z.B. um mehr Platz für den Contentbereich zu haben sind 2 Schritte notwendig:
a) in der CSS vom Template den Bereich #header heigh: 115px anpassen
b) im Template die Datei /img/spacer.gif anpassen

Startseiten-Link auf das ShopLogo legen..
Denke mal das trifft nicht nur meine pers. Meinung sonder hat sich im Web so eingebürgert (Usability) das auf dem Seitenlogo der Link zur Startseite liegt. Man erreicht das in modified eCommerce Shopsoftware indem man..
- im Template Datei index.html ganz oben die Zeile ...

Code: PHP  [Auswählen]

  <div id="logo"><img src="{$tpl_path}img/spacer.gif" width="400" alt="{$store_name}" /></div>
 

- ersetzen durch ..

Code: PHP  [Auswählen]

  <div id="logo"><a href="{$index}"><img src="{$tpl_path}img/spacer.gif" width="400" alt="{$store_name}" /></a></div>
 

Sollte dieser Link irgend einem anderen Gedanken, SEO-technisch oder so zuwider laufen (dafür reichen meine Kenntnisse nicht aus) so mögen mich doch bitte die modified eCommerce Shopsoftware-Götter hier darauf hinweisen - ansonsten schlage ich vor diese Funktion generell ins Template aufzunehmen, geht ja über die Spacer recht allgemeingültig.

Gruß enrico



Linkback: https://www.modified-shop.org/forum/index.php?topic=6074.0

[Tomcraft]

Danke für die kleine Anleitung.

Wir haben das in r1537 übernommen.

Grüße

Torsten

[fanello]

Ich habe die Suche in die in die Menüleiste verfrachtet und die Höhe in der CSS auf 65px angepasst, den "spacer.gif" habe ich in 400*65px geändert, allerdings sitzt das Logo rechts und der "spacer.gif" im Header, was mache ich falsch?

[Tomcraft]

Schau mal hier:

• FAQ: Wie stelle ich eine Frage im Forum?
• FAQ: Warum wird meine Frage im Forum nicht beantwortet?

Grüße

Torsten

[guensi]

Ich habe die Suche in die in die Menüleiste verfrachtet und die Höhe in der CSS auf 65px angepasst, den "spacer.gif" habe ich in 400*65px geändert, allerdings sitzt das Logo rechts und der "spacer.gif" im Header, was mache ich falsch?

Nehme ich das wörtlich was du geschrieben hast, lautet die Antwort auf die Frage: Nahezu alles.

Außer deine Menüleiste wäre 65px hoch, was ich bezweifeln möchte und ohnehin für falsch finden würde. Zudem hättest du dann ein Positionierungsproblem zwischen Header und Menüleiste.

Eine konkretere Antwort kann ich leider nicht geben, dazu wäre ein Link zum Problem notwendig.

[fanello]

Sorry, da hab ich mal wieder zu viele Sachen auf einmal gemacht, als ich mein Problem beschreiben wollte.
Ich habe nach dieser Anleitung das Suche Feld in die Menüleiste verfrachtet: ANLEITUNG: Suchfeld ins Top-Menü verschieben

Das funktioniert auch super. Nun habe ich die Höhe des Headers im Stylesheet auf 65px angepasst und die Datei "spacer.gif" auf 400*65px geschnitten (Habe auch 980*65px und 236*65px probiert, sieht immer komisch aus). Es sieht nun so aus:

[ Für Gäste sind keine Dateianhänge sichtbar ]

Links sitzt der "spacer.gif" im Header (Ich kann ihn auch mit der Maus packen, das geht ja beim normalen Header nicht) und schneidet meinen Header ab.

[Tomcraft]

Ein Link zu deinem Shop würde mehr helfen, denn dann kann man sich den Quelltext direkt mit Firebux für Firefox anschauen, siehe: FAQ: Liste wichtiger Freeware- & OpenSource-Programme für die Shop-Erstellung

Zudem ist mir nicht ganz klar, wieso du das Problem hier im Thema schilderst, anstatt im Thema der Anleitung, nach der du vorgegangen bist: ANLEITUNG: Suchfeld ins Top-Menü verschieben

Grüße

Torsten

[guensi]

Da stimme ich Tomcraft absolut zu, ohne Link zum Shop wäre das reine Raterei.  

Ob das ein eigenes Thema wert ist, hängt davon ab, ob du noch eigene entscheidende Anpassungen vorgenommen hast.

[Modulfux]

Sorry, wenn es jetzt nicht unbedingt zur Problemlösung von fanello passt, aber mir liegt gerade etwas grundsätzliches auf der Zunge.

Wieso wird heutzutage ständig versucht alles mit einem <div> zu lösen? Ein <div> kommt mir langsam wie eine HTML-Hure vor.

Um solch einfache Sachen wie den Header zu verschlanken, kann man sich dieses eine <div> schon sparen, in dem man folgenden Code nutzt:

Code: PHP  [Auswählen]

<a href="{$index}" id="logo" title="{$store_name}">{$store_name}</a>
 

Die Styles für das <a> sehen dann z.B. so aus:

Code: CSS  [Auswählen]

#logo{display:block;float:left;height:120px;width:120px;text-indent:-9999px;background:url(img/logo.jpg) no-repeat}
 

Durch das display:block, wird das <a> mit einer vordefinierten Höhe und Breite ausgestattet und verhält sich in diesem Fall wie ein <div>.

Fazit: Um eine Div-Suppe oder auch "Divitis" genannt zu vermeiden, hätte man mit dieser Variante schon wieder ein <div> weniger im Quellcode.

Gruß
Ronny

[Tomcraft]

Hallo Ronny,

da hast du natürlich auch wieder Recht, aber dann müsste ich eine Menge Anleitungen hier im Forum anpassen.

Siehst du da irgendwelche Negativen Auswirkungen bezüglich des DIVs?

Grüße

Torsten

[guensi]

[...]
Wieso wird heutzutage ständig versucht alles mit einem <div> zu lösen? Ein <div> kommt mir langsam wie eine HTML-Hure vor.
[...]

LOL das nenne ich mal einen treffenden Ausdruck. Die genannte Lösung ist aus meiner Sicht optimal.  

[fanello]

Link zu dem Problem: http://tinyurl.com/d5tr69y
Einzige Anpassung war Suche in die Menüleiste und den Header nach dieser Anleitung in der Höhe angepasst.

[Tomcraft]

Du bist lustig, dein "spacer.gif" ist komplett weiss! Das soll eigentlich ein transparentes GIF sein.

Grüße

Torsten

[fanello]

Ohje, zuschneiden mit GIMP ist immer so langwierig, deswegen hab ich dafür Paint genommen, das mache ich nie wieder.
Danke für Deine Hilfe!

[luckybaron]

Such mal in deinem Template die "index.html" da sollte sowas wie:

Code: PHP  [Auswählen]

<div id="logo">
<img width="400" ...>
</div>
 

und ändere es mal wie folgt:

Code: PHP  [Auswählen]

<div id="logo">
<img width="10px" ...>
</div>