Warenkorb und Produktsuche über dem Headerlogo platzieren

[pepe27]

Hi,

1.)
bei der Anpassung des Templestes "retro" möchte ich gern den Warenkorb aus den Headerlinks herausnehmen und im Bereich des Logos platzieren.
Dazu soll der Warenkorb im Hintergrund in einer Grafik angezeigt werden.

2.) Das Suchfeld der Seite soll ebenso vor dem Logo angezeigt werden. Momentan verschwindet es immer dahinter.
Außerdem sollte sich die Position nicht verschieben, wenn sich die Seitengröße ändert.


Kann mir dazu jemand bitte nützliche Infos mitteilen?

 

[Zillis-Web]

AW: Warenkorb und Produktsuche über dem Headerlogo platzieren

So ohne Glaskugel halt mal soviel:

Positionierungen immer über die entsprechenden Div-Container und dann meist mit Hilfe "position:" als Wert "relativ oder absolute" immer im Zusammenhang mit top oder bottom und left oder right als Positionsangabe.

Wenn etwas das man anzeigen möchte hinter einem anderen Objekt verschwindet sollte "z-index" dein weiterer Suchbegriff sein.

Bei solchen Sachen sollte man auf jeden Fall einen Browser benutzen der über AddOns eine genaue Kontrolle zulässt. Bei Firefox wäre das Firebug und im Opera ist sowas bereits enthalten.

 

[ARA-Marketing]

AW: Warenkorb und Produktsuche über dem Headerlogo platzieren

Hallo Pepe,

also :

zu punkt 1 -> lässt sich nur durch Einbindung einer zusätzlichen tpl lösen oder nach Anforderung mit sehr viel Geschick per css.... siehe hier mal unter shopdemo3.ara-test.de -> theme 201

zu punkt 2 -> ist nur mit dem Z-Index zu lösen..... aber was meinst du mit "Seitengröße ändert" ? -> bitte nur fixe Breite verwenden... alles andere ist nix!


Beste Grüße
Andi

 

[pepe27]

AW: Warenkorb und Produktsuche über dem Headerlogo platzieren

zu punkt 1 -> lässt sich nur durch Einbindung einer zusätzlichen tpl lösen oder nach Anforderung mit sehr viel Geschick per css.... siehe hier mal unter shopdemo3.ara-test.de -> theme 201

aber bei dem beispiel befindet sich der warenkorb immernoch in der gleichen leiste mit "startseite", "mein konto" ..etc.
ich möchte es ja gern da raus haben und im logobereich über dem logo platzieren.

zu punkt 2 -> ist nur mit dem Z-Index zu lösen..... aber was meinst du mit "Seitengröße ändert" ? -> bitte nur fixe Breite verwenden... alles andere ist nix!

also das verschieben der produktsuche funktioniert sehr gut. danke =)
allerdings verändert sich die position der "such" im verhältnis zur restlichen seite, wenn ich z.B. die ansicht im firefox durch zoomen verändere.
wie kann cih das fixieren?

 

[ARA-Marketing]

AW: Warenkorb und Produktsuche über dem Headerlogo platzieren

Hallo Pepe,

zu 1. ich find zwar nicht, dass es auf der gleichen Leiste ist, sondern mindestens 200px versetzt, aber okay...
wie gesagt.... musst du Firebug zur Hilfe nehmen... und den "Basket" verschieben. Falls es nicht so weit nach links geht,
was sein kann, dann eine extra tpl schreiben und einfügen.

zu 2. du darfst nicht die css "search" verändern, sondern die ganze "search-form" .... aber ohne Link auf deine Seite ist das
ganze wie Zilli geschreiben hat... Glaskugel !


Beste Grüße
Andi