Neu Komprimierung von JavaScript- und CSS-Dateien schlägt fehl

[Jon]

Hallo zusammen,
ich stelle gerade (endlich) auf den JTL 4 Shop um und haben dazu ein Testsystem aufgestetzt.

Meine Versuche ein eigenes Template & Theme zum laufen zu bekommen (nach Originalanleitung nicht der von Holzpuppe, da ich gerne den LESS Editro nutzen möchte) hauen nicht hin.

Wenn ich es richtig verstehe funktioniert das Modell ja nur mit der Komprimierung von JavaScript- und CSS-Dateien, oder?
Wenn ich die aktiviere, geht jedenfalls Javascript nicht mehr und der Shop wird deshalb nicht mehr korrekt dargestellt. In den älteren Threads dazu habe ich folgende Ansätze gefunden:

• Cache löschen -> habe ich gemacht
• RewriteRule / setzen -> habe ich gemacht
• Eine <!-- Kommentierung im javascript -> habe keine gefunden, habe aber auch noch kein eigenes js drin
• Weder im Log des JTL SHop noch im CGI-Debug des Servers ist was zu erkennen

Ich bin ratlos, wer hat nen Tip für mich?
Gruß
Jonathan

 

[css-umsetzung]

Was heisst ein eigenes theme?
Du hast ein Child Template angelegt mit einem eigenen theme das in dem Child liegt?

Eventuell kann dein webspace nichts zippen oder dir fehlen schreibrechte?
Du musst ja nur mal schauen, ob das komprimierte als eintrag im header zu finden ist und es mal direkt aufrufen.

Deine Template.xml wäre mal ganz interessant, wenn dann bitte über die code option reinkopieren

 

[Jon]

Hi,
gerne. Allerdings: ich habe auch die letzten Stunden vermutet das es an meiner template.xml liegt das ich das Konstrukt nicht zum laufen kriege und alle irgendwo beschriebenen Varianten ausprobiert...
Bis ich am Schluß Feststellte, das die Einstelllung "Komprimierung von JavaScript- und CSS-Dateien = Ja" bei mir einfach grundssätzlich nicht funktioniert. Auch im Original Evo Template (was im Testshop http://devel.stoffnest.de jetzt gerade aktiviert ist.)... Also liegt das Problem vermutlich eher in Richtung "Eventuell kann dein webspace nichts zippen oder dir fehlen schreibrechte?"
Wie kann ich das checken bzw. beheben?

Hier noch der aktuelle Stand eminer template.xml (ist aber wie gesagt nur eine von viellen probierten Varianten...)

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Template isFullResponsive="true">
    <Name>Nest-Template</Name>
    <Author>Max Mustermann</Author>
    <URL>https://www.mein-shop.de</URL>
    <Version>1.00</Version>
    <ShopVersion>404</ShopVersion>
    <Parent>Evo</Parent>
    <Preview>preview.png</Preview>
    <Description>Das ist mein eigenes Template!</Description>

    <Settings>
        <Section Name="Theme" Key="theme">
            <Setting Description="Nest Theme" Key="theme_default" Type="select" Value="nesttheme">
                <Option Value="nesttheme">Nest Theme</Option>
            </Setting>
            <Setting Description="Hintergrundbild" Key="background_image" Type="select" Value="">
                <Option Value="">- Kein Hintergrundbild -</Option>
                <Option Value="custom">Custom - Ihr eigenes Hintergrundbild (themes/Mein-Shop-Template/img/background.jpg)</Option>
            </Setting>
        </Section>
    </Settings>
    <Minify>
        <CSS Name="nesttheme.css">
            <File Path="../Evo/themes/evo/bootstrap.css"/>
            <File Path="../Evo/themes/base/offcanvas-menu.css"/>
            <File Path="../Evo/themes/base/pnotify.custom.css"/>
            <File Path="../Evo/themes/base/jquery-slider.css"/>
            <File Path="css/nesttheme.css"/>
        </CSS>
        <JS Name="jtl3.js">
            <File Path="js/nesttheme.js"/>
        </JS>
    </Minify>
    <Boxes>
        <Container Position="right" Available="1"></Container>
    </Boxes>
</Template>

 

[css-umsetzung]

Also was mir als erstes auffällt ist, du sagst du möchtest gerne mit Less arbeiten, wo ist denn dann die Datei die du selbst bearbeiten möchtest?

rufe mal bitte diesen Link dann auf deineshopurl.tld/includes/libs/minify/?g=nesttheme.css
dann solltest du eine minifizierte css Ausgabe haben.

Ich habe mit ja auch ein Grundsätzliches eigenes Child gebaut, was diverse Möglichkeiten bietet, unter anderem das ich dann wirklich mit Less arbeiten kann und das erkennt, wenn ich etwas an den styles geändert habe, und das automatisch neu compiled, du greifst hier nur auf vorhandene Ressourcen zu, aus den originalen Verzeichnissen, diese solltest du aber niemals ändern.

dein css/nesttheme.css ist ja eine reine css Datei, da kannst du keine less Daten hinein schreiben.

bitte nichts an den EInstellungen der .htaccess ändern, dort ist ein eintrag
RewriteRule ^asset/(.*)$ includes/libs/minify/?g=$1 [L]

der sollte auch genau so bleiben.

so sieht das bei mir beispielsweise aus:

    <Minify>
        <CSS Name="print.css">
        </CSS>
        <CSS Name="cssTheme.css">
            <File Path="themes/cssTheme/bootstrap.css"/>
            <File Path="themes/base/offcanvas-menu.css"/>
            <File Path="themes/base/pnotify.custom.css"/>
            <File Path="themes/base/jquery-slider.css"/>
            <File Path="themes/cssTheme/layout.css" />
        </CSS>
        <JS Name="jtl3.js">
            <File Path="js/layout.js"/>
        </JS>
    </Minify>

mein Verzeichnis ist dann so aufgebaut:





layout.less ist mein eigenes less dass übder die functions.php auf änderungen geprüft wird, gleiches bei der variables.less
die theme.less ist eine kopie von dem evo theme da ich das als Grundsatz genommen habe der start des Themes ist so



mein layout.less greift auch auf die variables zu, in den mixins sind noch einige Feinheiten von mir:



meine functions.php legt auch symlinks der themes aus dem Parent Template an, da sonst die Hintergründe aus dem Parent und noch andere Sachen nicht mehr gehen würden, das ist im JTL ein wenig murksig aber ich habe festgestellt, das dies die beste Variante ist udn am wenigsten Probleme bei einem Update verursacht.

so sieht also das Verzeichnis aus, die evo-themes sind als Symlinks enthalten


der komplette inhalt meiner template.xml ist dann




so, nun habe ich wieder viel zu viel aus meinen ressourcen gezeigt
Da das Forum hier so einiges nicht als geschriebenes erlaubt, musste ich Bilder verwenden.


.

 

[Jon]

Danke für die ausführliche Erklärung (und Offenheit)
Irgendwie komme ich aber auch damit grad nich nicht klar, ich kriege es einfach nicht hin das er die bootstrap.css mitlädt...

Ist es denn so, dass die Einstelllung "Komprimierung von JavaScript- und CSS-Dateien = Ja" die Voraussetzung für funktionierendes Child Template in der Form ist?
Und wenn ja, woran könnte es konkret liegen das dies bei mir nicht hinhaut (wie gesagt immer wenn ich das aktiviere kommt meine Seite komplett ohne Javascript daher und ist daher völlig zerschossen...)?
Ich weiß hier wirklich nicht mehr weiter...

 

[ag-websolutions.de]

Nein die Komprimierung ist keine Voraussetzung, sollte aber im produktiven Betrieb klappen, damit die Seiten schneller geladen werden

Erzähl uns mal was zu deiner Serverumgebung
- welcher webhoster
- welche PHP-Version
- was sagt der Shop-Dateicheck im Shop-Admin
- welche URL ist in der /includes/config.JTL-Shop.ini.php eingetragen

 

[css-umsetzung]

Nein, du musst nichts komprimieren, das Problem ist dass niemand von außen sagen kann was dein Problem ist, wenn du ein eigenes Theme hast, sollte darin ja auch die theme.less sowie die variable.less sein mit den Daten die ich
gepostet habe, das bootstrap.css sollte ja am besten auf dein Theme zeigen, dann musst du im Backend in den Editor und das einmal compilen.

Hast du meinen geposteten Link probiert ob es überhaupt eine css gibt?
deineshopurl.tld/includes/libs/minify/?g=nesttheme.css

 

[Jon]

Also eine css gibts (wobei ich habe da noch nichts gross drin geändert, versuche erstmal updatesiucher und funktional Template/Theme anzulegen bevor ich mich ans basteln mache, den Fehler hatte ich schon im JTL3 Shop gemacht das nicht sauber anzulegen...)
http://devel.stoffnest.de/includes/libs/minify/?g=nesttheme.css
Hoster ist domainfactory, eim JTL 3 SHop läuft da wunderbar.
PHP= 5.54
Dateicheck: Anzahl Dateien: 3932
Anzahl modifizierter Dateien: 0
URL in der config = http://devel.stoffnest.de

 

[css-umsetzung]

also ohne Komprimierung sieht es ja ok aus
jetzt wäre es mal gut das zu aktivieren.

 

[Jon]

Ich werd bekloppt...
Warum auch immer, jetzt nimmt er die Anpassungen die ich über den Less-Editor in die bootstrap.css kompiliere auf einmal... keine Ahnung Warum, egal auf jedenfall super

Minify habe ich jetzt gerade nochmal aktiviert... das klappt weiter nicht...

 

[css-umsetzung]

also
schau mal in /assets/css und assets/js,
ich glaube dort sollten die Dateien liegen (bin nicht 100% sicher, hab noch nie danach gesucht), prüfe ob die Verzeichnisse beschrieben werden können, bzw. ob da aktuelle Dateien liegen.

 

[Jon]

mhh, also ich habe keinen Ordner assets? Sollte ich? Wo müsste der sein?

 

[css-umsetzung]

Ach sorry, bei mir ist das mit einem cms in Verbindung, ich war nicht im shopbereich als ich nachschaute.
Stimmt der shop speichert das woanders, nun ist der compi aus, nun kann ich nicht mehr schauen.

 

[Jon]

Na dann wünsch ich guts Nächtle...
Wenn ich noch nen Tip kriegen kann wie ich das minify zum laufen kriege, sehr gerne. Aber immerhab kann ich ja jetzt am Template arbeiten, danke...

Dabei habe ich allerdings schon wieder ne Frage. Erste Anpassungen sind gemacht, so weit so gut, aber:
Ich krieg die Schriftfarbe der Panel-Titles irgendwie nicht angepasst. In welcher less Variable verbergen die sich? Weiß auf weiß ist so schlecht lesbar und "panel-title" (aus firebug) kann ich in der variables.less nicht finden?

 

[css-umsetzung]

So,

ich hab mir mal die Mühe gemacht zu schauen was da wirklich alles passiert, es hat nicht den Anschein, dass dort etwas in irgendeinem cache landet.
Dann wird bei dir wohl eher ein anderes Problem bestehen.

Wenn du möchtest könnte ich mir das mal, interessehalber anschauen.

 

[Jon]

Das wäre prima, was beauchst Du dafür von mir?

 

[css-umsetzung]

Kreditkarte, Zugangsdaten fuer ftp und den admin.

 

[Jon]

Danke Andreas!
Ist geklärt, lag an fehlerhafter htaccess Datei...

Falls aber noch irgendjemand mir bei der Frage weiterhelfen könnte?
Ich krieg die Schriftfarbe der Panel-Titles irgendwie nicht angepasst. In welcher less Variable verbergen die sich? Weiß auf weiß ist so schlecht lesbar und "panel-title" (aus firebug) kann ich in der variables.less nicht finden?

 

[css-umsetzung]

also zuerst musst du mal das hier aus deiner xml entfernen.

<File Path="../Evo/themes/evo/bootstrap.css"/>

du verwendest ja bereits das wäre also ein mischmasch aus zwei themes

<File Path="themes/nesttheme/bootstrap.css"/>

Dann sollte dein Problem eventuell auch schon behoben sein, denn in der evo/themes.less ist ja das hier definiert, was deine weiße Schrift vermutlich macht (kann ich jetzt aber nicht mit sicherheit sagen, vermute es nur:

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: @headings-line-height;
  padding-bottom:   @padding-small-vertical;
  margin-bottom:    @margin-large;
  font-family:      @font-family-serif;
  color:            @brand-secondary;
  font-weight:      @font-weight-normal;
}

.panel-default    > .panel-heading h1
.panel-default    > .panel-heading h2,
.panel-default    > .panel-heading h3,
.panel-default    > .panel-heading h4,
.panel-default    > .panel-heading h5,
.panel-default    > .panel-heading h6 {
  color: @panel-default-text;
  border-bottom: none;
  padding-top: 5px;
}

Also teste das mal aus, die Template.xml ändern, in Templates das theme nochmals aufrufen und speichern (ich glaube nur dann wird es aktualisiert, das das evo/bootstrap weg ist).

 

[Jon]

ok, funktioniert, danke.
Ich merke aber irgendwie habe ich das Konstrukt des Child Templates wohl noch nicht wirklich verinnerlicht.
Ich dachte es wäre genau Zweck das CSS etc. des "Mother" Templates gezogen werden und nur die Änderung im Child das anpassen... Macht aber wohl keinen Sinn wenn dann beide CSS alles vollständig definieren...