Hallo.
Ich möchte ein festes Hintergrundbild einstellen, dass ständig angezeigt wird (ich weiß, wird überlappt… aber man sieht es ja trotzdem ab und an). Finde aber die entsprechende css nicht. Vermute ist irgendwo im themes ordner, kann aber wie gesagt die zuständige CSS nicht finden. Kann mir die jemand nennen bzw. den Pfad. Hab ein eigens Theme, müsste es ja dann da auch rein kopieren (die geänderte Datei aus dem responsive Theme).
Gruß
Marcel
Dazu musst du ein eigenes Theme im Theme-Manager erstellen und dann geht es hier weiter mit Anleitungen:
Hallo.
Habe ich gemacht. Hab die Datei all.less (in meinem Theme-Ordner) erstellt und dann die die Datei main-navigation.less (ebenfalls erstellt) aus meinem Theme Order _modules importiert. Die Datei main-navigation.less enthält nur die Änderungen, die ich machen möchte, habe also nicht die gesamte Datei kopiert. Beim kompilieren hängt er sich jetzt auf. Die Fehlermeldung aus der Konsole:
Die nachfolgenden Hinweise sollten Ihnen weiterhelfen.
#0 vendor\oyejorge\less.php\lib\Less\Visitor\toCSS.php(102): Less\_Visitor\_toCSS-\>checkPropertiesInRoot(Object(Less\_Tree\_Ruleset)) #1 vendor\oyejorge\less.php\lib\Le..
GrußWie sieht deine all.less aus und was hast du in deiner /_modules/main-navigation.less drin, irgendwo ist da ein Fehler.
Uwe
Also ich habe das wie folgt gelöst.
In Themes/Allgemein/Grundgerüst und dann unter @body-bg
url("http://deinen-shop.de/deinbild.jpg";)fixed
Hallo.
Hier die all.less:
The all.less file imports all style components that will display on the page.
It includes the plugins normalize and pocketgrid, the open-sans fontface and the specific less files.
*/
@import „…/…/vendors/less/normalize-less/normalize“;
@import „…/…/vendors/less/pocketgrid/pocketgrid.less“;
@import „_components/fonts“;
@import „variables“;
@import „mixins“;
@import „components“;
@import „modules“;@import „_modules/main-navigation“;
@import „hacks“;
@import „ie“;
die main-navigation:
Contains the styles of the main navigation of the Shopware storefront.
The main navigation is positioned above the content section.
It contains the viewport specific styles inside media queries.
*/
.navigation-main {
background-image:url(favicon_ret.jpg); background: #fff;
display: none;
}
@media screen and (min-width: @tabletViewportWidth) {
.navigation-main {
border-bottom: 1px solid @brand-primary;
display: block;
position: relative;
.navigation–list {
.clearfix();
.unitize-padding(0, 10);
margin: 0;
position: relative;
white-space: nowrap;
}
.navigation–entry {
display: inline-block;
-ms-touch-action: none;
}
.navigation–link {
.transition(none 0);
.unitize-padding(8, 14);
.unitize(font-size, 16);
.border-radius-multi(3px, 3px, 0, 0);
margin: 0;
display: block;
cursor: pointer;
color: @text-color;
&:hover { color: @brand-primary; }
}
.is–active .navigation–link {
.primary-gradient();
font-weight: 600;
color: #fff;
&:hover { color: #fff; }
}
}
}
@media screen and (min-width: @desktopViewportWidth) {
.navigation-main {
.navigation–list {
padding: 0;
}
}
}
und der Fehler lt. Konsole Firebug
Ext.Error: You’re trying to decode an invalid JSON String:
Die nachfolgenden Hinweise sollten Ihnen weiterhelfen.
../../vendors/less/normalize-less/normalize.less not found. in all.less in vendor\oyejorge\less.php\lib\Less\Parser.php on line 2616#0 vendor\oyejorge\less.php\lib\Less\Parser.php(339): Less\_Parser-\>Error('File `../../ven...') #1 vendor\oyejorge\less.php\lib\Less\Tree\Import.php(282): L ....
Gruß
Marcel
Hallo Marcel,
wenn ich mich jetzt nicht wirklich irre als Neuling für SW gehört in die all.less keine CSS Regeln!
Die all.less verlinkt zu den jeweiligen Less-Dateien.
Gruß
HMS
Hallo Marcel,
wenn ich mich jetzt nicht wirklich irre als Neuling für SW gehört in die all.less keine CSS Regeln!
Die all.less verlinkt zu den jeweiligen Less-Dateien.Gruß
HMS
Ja das ist so richtig und steht so auch in der von mir verlinkten Developer-Dokumentation.
In der all.less steht nur @import „meineLess.less“ und in „meineLess.less“ steht dann der less-Code.
Siehe: Getting started with LESS
Hallo.
Leider habe ich das wohl nicht übersichtlich dargestellt. Es handelt sich oben um 2 Dateien. Einmal die all.less in der nur @import ist und einmal die main-navigation.less - Sorry und Danke für eure Hilfe.
Gruß
Hallo nochmal.
Fehler ist gefunden und Bild ist da.
Vielen Dank.
Hallo nochmal.
Fehler ist gefunden und Bild ist da.
Vielen Dank.
Hallo aemarcel,
wie konntest Du das Problem lösen?
Gruß
HMS
Hallo.
Habe aus der all.less alles gelöscht ausser @import “_modules/main-navigation”; und in der main-navigation nur das Bild ergänzt.
body { background-image: url(http://localhost/media/image/favicon_ret.jpg); background-repeat: no-repeat; background-position: center; }
Hatte mal mit background-size: cover getestet, sah aber nicht aus.
Gruß
