ich kämpfe mich seit Tagen durch die Anleitungen, Tutorials und auch hier im Forum den Hilfestellungen um ein bestimmtes Problem zu lösen, aber finde nicht wirklich die passende Lösung - vielleicht habe ich auch nur Tomaten auf den Augen.
Hier das, was ich machen möchte:
Den Header gesamt mit einem vollflächigen und responsive Logobanner ersetzen
Die Navigationsleiste/Menü optisch in Schriftstile und Design anpassen/ersetzen
So individuell ist es gar nicht, habe einen Bekannten, der hat auch shopware und hat das gleiche Problem seit dem. In anderen Programmen ist das recht einfach über die dortigen Auswahlbereiche zu machen (z.B. Piwigo, Wordpress, etc.), da sollte es doch bei Shopware auch so eine einfache Möglichkeit geben. Ansonsten ist shopware ja auch echt einfach einzurichten und individuell anzupassen. (z.B. durch die Banner und Co.) Nur die Headeranpassung via eigenem Hintergrundbild finde ich einfach nicht.
Und Dein Link verweist auf eine Jobbörse. Das ist nicht angedacht da jemanden extra extern für zu beauftragen. Dann würde ich einen Shop direkt programmieren lassen, was bei einer so guten Software wie Shopware unnötig ist.
Es geht hier einzig um einen eigenen Header und eine eigene Navi, wobei die Navianpassung habe ich sogar schon gefunden im Forum. Also geht es nur darum eine eigene Bilddatei als Banner für den Header zu hinterlegen. Wie man ein normales Banner unter der Navi hinterlegt ist mir auch klar, aber über die Navi???
Mir ist auch klar, wie ich die Farbe im Header änder oder die Schriftart. Alles kein Ding. Da git es hier ausreichend ausführliche Anleitung.
Ich werde aber mal etwas ausprobieren aus der verlinkten Anleitung statt die Farbe im header.less einfach einen Verweis auf die Bilddatei mal hinterlegen und schauen was passiert. Ob es geklappt hat, sag ich Euch dann hier. Dann wäre das echt eine super einfache Lösung.
Gleiches wäre ggf. ja auch dann bei der main-navigation.less machbar, wenn das mit dem header.less funzt. Mal schauen!
Neuer Ansatz, statt eine .less zu erstellen für den Header Background würde ich es gerne mit einer .tpl im index versuchen. Das hat zumindest für den Austausch von dem Shopwarelogo im Footer zu meinem eigenen funktioniert. Leider weiß ich nicht genau wie ich das machen soll.
Wenn ich der Anweisung im Developerbereich folge: (Getting started with Shopware templating) komme ich auch nicht wirklich weiter. Aber ich bin so schlau daraus geworden, dass ich die shop-navigation.tpl anpassen muss. Oder?
So, jetzt sieht die Frage doch gleich besser aus. Jetzt sieht man wenigstens etwas Eigeninitiative.
Der zweite Ansatz ist nicht nötig. Bleibe lieber bei der Anpassung in der header.less. Das ist sauberer und bei einem Update kann auch weniger passieren.
Poste bitte hier einen Link zum Shop, wo man den aktuellen Stand sehen kann. Dann kann man prüfen, was schiefläuft.
Ich habe gerade Zeit alles selbst nachzubauen und man kann dir einfach helfen, indem man es mit den Browsertools untersucht. Dazu braucht man aber den Shop.
Habe aber derzeit kein Header hinterlegt. Sprich die Less-Dateien vom server geworfen. Einzig die Footer.tlp habe ich drinnen gelassen, weil mir das so ganz gut gefällt. Die Navi finde ich inzwishcen auch so ok und würde die gar nicht mehr groß ändern. Mir geht es eigentlich nur noch darum, dass ich den Header mit einem ähnlichen Bild im Hintergrund versehe wie unten im Footer.
Und nochmals Danke, wenn Du da Dir gerade mal die Zeit nehmen kannst und auch extra für mich nimmst. Das ist extrem freundlich von Dir!
Ps.: muss leider gerade mal für 1-2 Std. weg aus beruflichen Gründen. Also nicht wundern. melde mich dann hier direkt, sobald ich wieder vor dem Rechner sitze.
Entschuldigt, hat gestern dann doch deutlich länger gedauert bei dem Kunden und dann kam noch ein Noteinsatz.
Habe mich gerade hingesetzt und noch schnell die Header.less hochgeladen wie oben bereits geschrieben.
Als ich heute die all.less eingefügt habe, konnte ich nicht mehr den Cache leeren und bekam diese Nachricht im Shopware:
Es ist ein Fehler aufgetreten
Während der Bearbeitung von Shop "Darkcrypt-Onlineshop" ist ein Fehler aufgetreten: ParseError: Unexpected input in header.less on line 2, column 1 1| .header-main{ 2| background: url ("http://shop.darkcrypt.de/media/image/8e/6a/f5/BannerDCP1.jpg") repeat; 3| } 4| .header--navigation{ 5| background: none !important; 6| }
Die all.less sieht so aus:
@import "_modules/header";
Und lag in dem Ordner less oberhalb der Ordner _components, _mixins, _modules, _variables
Ohne die all.less kann ich den Cache in Shopware komplett leeren, habe dann aber keine Änderung des Headers.
Hier also der Link zum akutellen Shopstand mit der header.less und ohne die all.less:
Und ich habe den Shop bisher noch nicht mit Agbs, und großem Inhalt gemacht, weil ich erstmal das Header-Problem gelöst haben wollte!
Komme heute Abend dann nochmals rein bzw. kann ggf. von einem anderen Rechner ab und an mal online gehen. Da habe ich aber kein Ftp-Zugang.
Kannst du den Code der header.less in ein Code-Element posten. Wie du siehst, kann man das hier nicht richtig lesen. Das Code-Element ist der vierte Button von rechts hier im Forum-Editor.
Irgendwo hast du einen Syntax-Fehler in der header.less
Ach ja, ich kann auch von meinem Bürorechner über meinen Hoster auf die Ordner und die Datenbank zugreifen und Dateien dort hochladen bzw. löschen. Also kann ich auch hier ab und an nebenbei was verändern/anpassen, damit wir zu einem guten und schnellen Ergebnis kommen können.
Leider nein @DCP2018 . Nicht die Fehlermeldung, sondern den Inhalt/Code der header.less. Wenn du schon dabei bist, am besten auch gleich den Inhalt/Code der all.less. (in einem Code-Element)
Die Klammer zu hinter jpg" habe ich hier mit einen Leerzeichen gesetzt, da sonst ein Smilie draus wird. In Echt ist da kein Leerzeichen. Nur zur Sicherheit!
So, der Fehler lag wohl im Detail. Hammer und schon allein dafür großen Dank und ich verbeuge mich tief vor Dir simkli.
Habe in der Header.less das Leerzeichen vor der ( entfernt und sie neu hochgeladen, dann die all.less acuh hochgeladen und den Cache geleert, was jetzt auch einwandfrei lief. Bild ist da, allerdings viel zu groß und nicht responsive. Würde mal die Ausgangsbilddatei kleiner formatieren und nochmals in die Mediathek des Shops hochladen und in der Header neu verlinken. Ob das hilft weiß ich erst nach dem Versuch. Oder hast Du einen anderen Ansatz. Habe den aktuellen Stadn erstmal so gelassen, damit Du Dir das anschauen kannst und warte auf Deine Antwort dazu:
. Nicht die Fehlermeldung, sondern den Inhalt/Code der header.less. Wenn du schon dabei bist, am besten auch gleich den Inhalt/Code der all.less. (in einem Code-Element)