Header-Anpassung Responsive Theme Hintergrundmuster

Hallo an das Forum, Shopware 5 ist echt genial - nur leider bringt die grafische Anpassung des Responsive-Theme einen Laien wie mich ganz schön ins schwitzen :frowning: Ich habe nun schon zahlreiche Beiträge gelesen und etliche Versuche unternommen - konnte aber nur kleine Erfolge erzielen (nämlich größtenteils die Header-Farbe ändern per .less-Datei [header.less und main-navigation.less]). Da ich aber nun nicht mehr weiterkomme, hoffe ich, dass ihr mir bei folgendem Problem helfen könnt. - Header-Hintergrund: Ich würde gerne eine Grafik (Streifenmuster) wiederholend als Hintergrund einrichten, jedoch nicht nur im oberen Header sondern auch in dem Teil, in dem sich die Navigation-Buttons befinden. Ist dies überhaupt möglich? Falls ja hättet ihr bitte ein paar Code-Schnipsel für mich, wie ich dies umsetzen könnte? Bin für jede Unterstützung dankbar und danke schon im Voraus :wink:

Hallo, .header-main{ background: url("pfad zum Bild") repeat; } .header--navigation{ background: none !important; } Damit ist der Head-Bereich erledigt. .navigation-main{ background: url("pfad zum Bild") repeat; } .navigation-main .navigation--link{ background: none !important; } Damit ist die Navi-Leiste erledigt. Ich kenne dein Muster nicht, daher kann es sein, dass zwischen Header und Navi ein “Schnitt” entsteht. Das ganze natürlich im eigenem Theme, mit eigener .less Datei damit du Updatesicher bist :slight_smile: Hoffe dir geholfen zu haben. :slight_smile: Viele Grüße

Hallo Neoxx, zunächst einmal vielen Dank für die schnelle Hilfe und die tollen Tipps - bringt mich schon ein ganzes Stück weiter. Ich habe es gleich ausprobiert, aber leider noch die ein oder andere Frage bzw. Probleme. Ich habe den Header-Teil in meine header.less kopiert, den Navigation-Teil in die main-navigation.less - ich hoffe das war erstmal korrekt. Es tut sich auch schon etwas, leider noch nicht ganz das was es soll. Statt dem Hintergrundbild musste ich zum testen eine Farbe eingeben, weil ich es leider mit dem Pfad nicht hinbekomme *Schäm*. Man muss doch sicher einen relativen Pfad verwenden, oder? Wie müsste dieser aussehen, wenn die Datei background.jpg heißt und im Ordner des Themes _public/src/img liegt? (sorry für diese blöde Frage…) Mit der Farbe getestet ist aber nur der linke und rechte Teil der Navigationsleiste eingefärbt und die Buttons (z. B. Home) ohne Hintergrund jedoch die Leiste in der Mitte nach wie vor weiß. Die Leiste konnte ich über .navigation–list einfärben, allerdings die Frage: Wenn ich ein Bild setze, bekomme ich dann auch hier einen „Schnitt“? Falls ja gibt es noch eine Möglichkeit? PS: Mein Muster ist eine Grafik (seamless) in den Abmessungen 115 px x 115 px Lässt sich dann der Header in der Höhe anpassen, damit der Übergang passt? Falls ja, hast du auch hier einen Tipp für mich? Letztes Problem: Wenn ich die Navigationsleiste (oben) per .navigation–list anpasse, färbt sich der Hintergrund der Navigation (links)im eigentlichen Shopping-Feld leider auch so, was nicht der Fall sein sollte. Ich schätze mit Hintergrundbild wird es das gleiche sein. Gibt es hierfür eine Möglichkeit? Sorry für die vielen Fragen und schon wieder Danke für deine/ eure Hilfe!!!

Bekomme leider den weißen Hintergrund der

nicht weg. Jemand eine Idee? EDIT: Es muss noch folgender Code implementiert werden: .header-main .container { background: none;

1 „Gefällt mir“

Hi, stehe vor einem ähnlichen Problem. Allerdings ist es bei mir kein Streifenbackground sondern ein richtiges Bild was nicht geteilt werden kann. Kann man den Navigations Teil nicht mit in den Header verschieben? Wenn ja, wo genau ginge das ?

1 „Gefällt mir“

Hallo, also ich stelle mich einfach zu doof an und brauche mal Eure Hilfe.

Ich habe ein eigenes Theme erstellt und vom Responsive abgleitet. Alles schön und gut.

Dann habe ich eine header.less mit dem Editor erstellt mit folgendem Inhalt:

.header-main{
background: url meinen Dateipfad:(“http://shop.darkcrypt.de/media/image/8e/6a/f5/BannerDCP1.jpg”) repeat;
}
.header–navigation{
background: none !important;
}

und dann diese Datei in den Ordner _modules via Fillzilla geschoben.

Danach habe ich in Shopware unter Caches/Performance-> Caches/Performance unter Caches alle ausgewählt und geleert. Auch soweit alles gut.

Wenn ich nun den Shop aufrufe, dann habe ich aber nicht mein Bannerlogo im Header. 

Was mache ich falsch oder fehlt mir noch etwas?

Würde mich über eine schnell Antwort tierisch freuen! Und neun, ich habe kein cpanel, falls die Frage sich stellt. :wink:

Kein Grund uralte Threads rauszukramen. Die damaligen Lösungen müssen nicht mehr unbedingt funktionieren. Mach einen eigenen Thread auf oder nutze den, den du bereits aufgemacht hast.

1 „Gefällt mir“