Neu Anpassungen am Shop Design - Header Höhe, Body Breite, etc.

[Schulfreund]

Hallo zusammen,

ich habe gelesen, dass diese Themen schon häufiger angesprochen wurde, komme allerdings mit den gegebenen Antworten auf keinen grünen Zweig und stehe unter Zeitdruck. Deshalb wende ich mich mit der Hoffnung auf eine schnelle Antwort an euch.

So sieht unser Shop derzeit aus:

Unser Ziel ist es den Shop sehr minimalistisch zu gestalten.
Dazu habe ich derzeit folgende Anliegen zu denen ich mich bereits ausführlich belesen und viel rumprobiert habe, allerdings nicht weiterkomme.

1. Wie bekomme ich beim Header eine Insgesamte Höhe von 80px hin? Ich hätte die Kategorien sehr gerne auf gleicher Höhe mit "Anmelden" und dem "Warenkorb". Dazu sollten diese aber trotzdem rechts neben dem bisher noch nicht eingefügten Logo sein.
Weiterhin sollte der Header diese Farbe haben: #3d4246

2. Wie kann ich den "Body", also den Bereich in dem die Artikel angezeigt werden, also auch in der genauen Artikelansicht, auf die gesamte Breite des Bildschirms vergrößern?

3. Wir wollen keinen Hintergrund und dementsprechend keine Zwischenräume. Wie kann man das beheben?

Ich habe wie gesagt bereits sehr viel rumprobiert und gelesen. Über baldige Antworten würde ich mich sehr freuen.

LG John

 

[M.Stickel]

Hi Schulfreund,
1) Der header passt sich in der Höhe dem Inhalt an (abgesehen von der Menüleiste, die eine Höhe hat), wenn Inhalt wegfällt sollte auch der header kleiner werden. Alternativ kannst du natürlich über CSS eine feste Höhe vergeben.

2) Um den Body breiter zu machen solltest du für große Displays die CSS-Klasse ".container" in der Breite auf 100% setzen.

3) Hier gehst du ins Backend des Shops und schaust in den Templateeinstellungen nach "boxed-layout" und stellst dort "ja..." ein.

 

[Schulfreund]

Hallo Herr Stickel,

vielen Dank für die schnelle Antwort.

1) Ich habe bereits die Suchleiste entfernt. An sich könnte ich auch die Kategorien in den Header verschieben, habe das auch schon probiert, allerdings wurde dadurch der Warenkorb und der Anmeldebutton überdeckt. Welche genauen Dateien sind es, mit denen ich die Höhe anpasse und, um evtl. den Header noch schmaler zu bekommen, verschiebe ich die Kategorien in den Header? Welche Werte sind es?

2) Wo finde ich die CSS Klasse ".container" ?

3) Ok habe ich gefunden.