[Gelöst] Warenkorb

[Baynomia]

Guten Tag Mädchen und Jungs :-)

 

Wie kann ich den Warenkorb center ausrichten? Er ist nicht Mittig, sondern irgendwo links orientiert....

Muss ich ins CSS im FTP und float ändern, oder geht dass auch im BO?

Weis einer in welchem Ordner das Warenkorbmodul ist? Bzw. eine Hilfestellung?

 

p.s. ich probiere grade etwas rum, nicht wundern wenns komisch aussieht ^^

 

Siehe Bild:

Edited January 26, 2016 by Baynomia (see edit history)

[BluTiGeS]

Zentrieren kann man ihn mittels

 

margin: 0 auto;

 

aber dazu müssen die Rahmenbedingunen stimmen (HTML + CSS aufbau)

 

Wenn du ihn zentrierent willst ist float wohl das falsche vorgehen.

 

Evtl solltest du dich mit CSS vertraut machen, oder es jemand in Auftrag geben, wenn du keine Zeit hast

[Baynomia]

Das Problem ist nicht CSS sondern Bootstrap :-P Damit komme ich nicht klar, noch nie damit gearbeitet. :-)

 

Gibt es denn Leute die kleine Sachen für Taschengeld bearbeiten? Ich versuche seit 2 Tagen mein Headerbereich anzupassen... Ich möchte blockwarenkorb und blocksearch untereinander, rechts haben. Ich habe float rechts in beiden css dateien angegeben, aber ich muss es irgendwie in die rechte bootstrap spalte bringen (zusammen). Wie gesagt, mit dem Raster habe ich keine Erfahrung...

 

was ich versuchen will gerade ist, pull-right in den div-style eingeben, finde aber das file nicht, welches bei element untersuchen angezeigt wird im firefox, wo eben die beiden divs mit suche und warenkorb sind. nur die css dateien finde ich. :-(

 

Ich zeige mal ein groben Screen wie ich es haben will (Logo breiter, dann warenkorb und suche untereinander am rechten rand (mobile bzw smartphone natürlich alles untereinander 100% breite)

 

 

[BluTiGeS]

Du wirst wohl eine bootstrap row mit eine grid von 12 nutzen (volle breite), und dann die einteilung mittels css lösen.

 

float: right wäre da schon richtig musst aber halt die modul reihenfolge beachten.

 

Logo kannst auch mittels CSS vergrößeren oder eben in der header.tpl datei.

 

Die pull-right klasse ist kein style sondern eine class also musst du es in <div class="pull-right"> einfügen.

 

 

Hier ist ein besipiel zu den grids:

 

http://getbootstrap.com/examples/grid/

 

 

Grüße

[Baynomia]

Nochmals Danke.

 

Ich bin glaube ich etwas überfordert gerade. :-/

 

Also wenn ich mir das anschaue (screen) ist warenkorb und suche jeweils in einem "col-sm-4" gitter. (danke für den link!) "pull-right" habe ich jetzt versucht in den div zu setzen, ändert nichts. muss ich jetzt warenkorb und suche zu ".col-md-3" ändern?

 

wo sehe ich eigentlich, wo die datei ist die ich im firefox untersuche? in diese datei muss ich ja rein, finde die aber gerade nicht im ftp und sehe bei der "untersuchung" kein ordnername? (habe die änderung nur im browser zum testen gemacht)

 

Edited January 31, 2016 by Baynomia (see edit history)

[Baynomia]

 

float: right wäre da schon richtig musst aber halt die modul reihenfolge beachten.

 

ich habe jetzt das in der liste erste element (warenkorb) "float-right" gestellt und das zweite (suche) auf "clear-right", aber es geht nicht? Was mache ich falsch?

 

ich kenn gitter eben so:

 

in dem fall eben suche und warenkorb "rot 3" zuweisen ein br unter den div, fertig.... hier heißen alle vertikalen spalten, der gleichen größe gleich? :-(

Edited January 31, 2016 by Baynomia (see edit history)

[Baynomia]

für alle die es auch wissen wollen: LÖSUNG für " suche und warenkorb rechtsbündig untereinander

 

 

Schritt 1. Backoffice | Module | Positionen  = Position 1. Warenkorb 2. Suche

Schritt 2. blocksearch.css   einfügen von: float: right; clear: right;

Schritt 3. blockcard.css einfügen von: float: right

 

fertig. 24 stunden probieren für sowas kleines

der entscheidene befehl ist clear: right  blöde gitter

Edited January 31, 2016 by Baynomia (see edit history)

[eleazar]

Danke fürs Posten der Lösung. Dann setze ich das mal auf beendet.