Headbereich anpassen

Deutsches Forum
1

Hallo

also ich möchte gerne den Headbereich anpassen. Da ist ja momentan ein Banner mit der Größe von 468x60 eingepasst.
De Rest wird ja von der Hintergrundfarbe gesteuert. Nun, ich möchte aber gerne ein Bild über die ganze Breite und Höhe bis zu der Navigation die sich rechts oben befindet einbauen. Könnt Ihr mir bitte sagen, wie ich das ändern kann?
Ich kenne mich eben mit der SmartyGeschichte noch nicht so aus, bin noch ein Anfänger.
Brauche ich da ein eigenes Programm dafür, ich benutze Dreamwaver.
Für die Antworten bedanke ich mich schon mal Euch.
m.f.g.
Manfred

2

Hallo Manni,

die dafür verantwortliche Template-Datei heisst _header.tpl.
Meines Erachtens kannst Du dort einfach das durch ein eigenes in entsprechender Größe ersetzen. Wenn Du Dich noch nicht so mit html auskennst, kannst Du auch im Admin die Funktion Look&Feel benutzen.

Für Änderungen in den Templates brauchst Du ein paar basics in html. Allein mit einem grafischen Editor wirst Du da nicht weit kommen.

Gruß und viel Erfolg!

Marco Steinhäuser
Community Operator
OXID eSales AG

3

Hallo,

ich habe das Problem, daß nur die rechte Boxleiste durch die “path”-Zeile um ein gutes Stück weiter unten ist als die Linke.

Kann man diese “path” nicht nur auf die Mitte der Seite begrenzen, damit beide Seitenleisten auf gleicher Höhe sind?

Vorab vielen Dank!

4

Das kann man sicherlich, leider hab ich hier noch nicht wirklich erlebt dass die Community bei Fragen zu den Templates sehr hilfreich ist.

Ich kann dir hier auch kein Vollsupport geben, da dass, auf diejenigen die mir ihre Templates zur Bearbeitung geben ziemlich blöd wirken würde.

Du könntest in der oxid css schauen, welchen Wert width für #path annimmt und den ggf anpassen.

Aber wie Marco schon sagte, wenn du keinerlei Vorketnnise hast, dann wird es sehr schwer werden das alles so anzupassen wie du möchtest.

LG Carolin

–

http://www.andro-shop.com Oxid PE 4.0.1

5

Aller Anfang ist eben mal schwer. Die css. war auch meine Idee, hat aber nicht ganz so funktioniert. soll heißen, es schmeißt erst mal alles durcheinander. Dacht es gibt hier vieleicht jemand mit dem gleichen Problem.

Trotzdem vielen Dank!

Gruß Luck!

6

Hallo Manfred,
wenn Du die “_header.tpl” Datei öffnest steht ziemlich weit oben (Zeile 32) der Pfad zur Grafik drin:

<div id=“header”>
<div class=“bar oxid”>
<a class=“logo” href="[{ $oViewConf->getBaseDir() }]">
<img src="[{$oViewConf->getImageUrl()}]/logo.jpg" alt="[{$oxcmp_shop->oxshops__oxtitleprefix->value}]">
</a>

…

Wenn Du nun die Grafik auf die zur Verfügung stehende Breite erstellst, dann sollte sie dort oben hineinpassen.
Die CSS Vorgaben in der “oxid.css” dafür sind:

div.bar.oxid .logo {
float:left;
padding:0 0;
}
Ich habe das original padding für oben und unten von 18px auf 0 gesetzt, dann bleibt auch kein Rand mehr.
Vllt. hilft Dir das weiter.

7

Hallo Manfred,

viele Dinge erschließen sich intuitiv, so kann man das Logo gegen ein gleiches Format in Form und Größe durch “paste and copy” ersetzen…

Alles andere muß man wirklich gelernt haben. Ich habe genau das gleiche Problem (eigenes Logo mit blauem Hintergrund über die gesamte Breite, da kommst du schneller und besser weg, wenn du dein Logo an oxid angleichst und nicht anders herum. Andernfalls kostet es halt…

Und dann noch ein Tipp, schau dir mal an was mit deiner Kopfzeile passiert im eingeloggten Zustand als Kunde, mit und ohne Warenkorb…

Grüsse