Kompilieren bleibt hängen!?

Shopware 5 Themes & Design
1

Hallo Leute,

 

ich habe jetzt seit 40 Minuten das Theme kompilieren geöffnet, und es geht nicht vorwärts.

Ich habe zuvor nur buttons.less und header.less in mein Theme kopiert und dort Zeilen angepasst, sprich farben geändert oder gradients rausgenommen…Hat jemand eine Idee was hier verkehrt ist?

Grüße,

Axis

2

Ja. Deine Änderungen verursachen einen Fehler in der less-Syntax, deshalb läuft der Compiler in einen Fehler.

Laut Definition von CSS (CASCADING Style Sheets) ist es kontraproduktiv ganze Anweisungen/Dateien mehrmals zu inkludieren.

Es reicht völlig, NUR die Änderungen in das eigene Theme (bzw. deren less-Dateien) einzupflegen.

3

Danke für die Info, das habe ich dann auch so gemacht. Alle Zeilen gelöscht die nicht geändert werden, in der button.less steht bsp. nur noch 

.btn {
    .border-radius(0px);
}

Dennoch bleibt der Compiler hängen.

4

Das wird dir bei der Fehlersuche helfen: https://forum.shopware.com/discussion/comment/106944/#Comment_106944

Viele Grüße

5

Danke, jetzt hab ich eine 503 gefunden zu themeCacheWarmup, kann nur leider nicht viel mit der Fehlermeldung anfangen.

ParseError: Unexpected input on line 1, column 571 1| @setPrecomposed: 1;@badge-discount-bg: @highlight-error;@badge-discount-color: #FFFFFF;@badge-download-bg: @highlight-info;@badge-download-color: #FFFFFF;@badge-newcomer-bg: @highlight-notice;@badge-newcomer-color: #FFFFFF;@badge-recommendation-bg: @highlight-success;@badge-recommendation-color: #FFFFFF;@body-bg: darken(@gray-light, 5%);@border-color: #4a4a4a;@brand-primary: #f58020;@brand-primary-light: saturate(lighten(@brand-primary, 12%), 5%);@brand-secondary: #36c3f2;@brand-secondary-dark: darken(@brand-secondary, 15%);@btn-default-border-color: @border-color;@btn-default-bottom-bg: @#3d3d3d;@btn-default-hover-bg: #3d3d3d;@btn-default-hover-border-color: @brand-primary;@btn-default-hover-text-color: @brand-primary;@btn-default-text-color: @text-color;@btn-default-top-bg: #3d3d3d;@btn-font-size: 14;@btn-icon-size: 10;@btn-primary-bottom-bg: @brand-primary;@btn-primary-hover-bg: @brand-primary;@btn-primary-hover-text-color: @btn-primary-text-color;@btn-primary-text-color: #FFFFFF;@btn-primary-top-bg: @brand-primary-light;@btn-secondary-bottom-bg: @brand-secondary-dark;@btn-secondary-hover-bg: @brand-secondary-dark;@btn-secondary-hover-text-color: @btn-secondary-text-color;@btn-secondary-text-color: #FFFFFF;@btn-secondary-top-bg: @brand-secondary;@checkoutFooter: 1;@checkoutHeader: 1;@displaySidebar: 1;@focusSearch: ;@font-base-stack: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;@font-base-weight: 500;@font-bold-weight: 700;@font-headline-stack: @font-base-stack;@font-light-weight: 300;@font-size-base: 14;@font-size-h1: 26;@font-size-h2: 21;@font-size-h3: 18;@font-size-h4: 16;@font-size-h5: @font-size-base;@font-size-h6: 12;@gray: #F5F5F8;@gray-dark: darken(@gray-light, 10%);@gray-light: #5e5e5e;@highlight-error: #E74C3C;@highlight-info: #4AA3DF;@highlight-notice: #F1C40F;@highlight-success: #2ECC71;@infiniteScrolling: 1;@infiniteThreshold: 4;@input-bg: @gray-light;@input-border: @border-color;@input-color: @brand-secondary;@input-error-bg: desaturate(lighten(@highlight-error, 38%), 20%);@input-error-border: @highlight-error;@input-error-color: @highlight-error;@input-focus-bg: #3d3d3d;@input-focus-border: @brand-primary;@input-focus-color: @brand-secondary;@input-font-size: 14;@input-placeholder-color: lighten(@text-color, 15%);@input-success-bg: #3d3d3d;@input-success-border: @highlight-success;@input-success-color: @brand-secondary-dark;@label-color: @text-color;@label-font-size: 14;@lightboxZoomFactor: 0;@link-color: @brand-primary;@link-hover-color: darken(@link-color, 10%);@offcanvasCart: 1;@offcanvasOverlayPage: 1;@overlay-bg: #000000;@overlay-opacity: 0.7;@panel-bg: #3d3d3d;@panel-border: @border-color;@panel-header-bg: @gray-light;@panel-header-color: @text-color;@panel-header-font-size: 14;@panel-table-header-bg: @panel-bg;@panel-table-header-color: @text-color-dark;@rating-star-color: @highlight-notice;@table-header-bg: @brand-secondary;@table-header-color: #FFFFFF;@table-row-bg: #FFFFFF;@table-row-color: @brand-secondary;@table-row-highlight-bg: darken(@table-row-bg, 4%);@text-color: @brand-secondary;@text-color-dark: @brand-secondary-dark;@shopware-revision: 201605230943; in vendor/oyejorge/less.php/lib/Less/Parser.php on line 535

 

6

Steht doch da:

Unexpected input on line 1, column 57

Wenn ich dahin springe steht da:

@btn-default-bottom-bg: @#3d3d3d;

Hier wurde also eine Varible mit einer Farbe getauscht (andersrum macht meist mehr Sinn…) und das „@“ der Variiablen ist nicht weggenommen worden. Sieht nach einer Farbeinstellung in den Theme-Einstellungen im Backend auf den ersten Blick aus.

 

7

Der Wald vor lauter Bäumen,…

Herzlichen Dank, das war es