Neu Probleme mit CSS und XML-Einbindung in Evo-Child

[Marie Handel]

Hallo zusammen,
meine Freundin unterstützt mich gerade bei meinem neuen JTL-Onlineshop. Ihr fehlen etwas die Querverbindungen bei Evo-Child. (Version 4.05)
Hier mal die Probleme, ich hoffe, dass ihr uns vielleicht weiterhelfen könnt:
1) als sie den Namen des Seitentitels geändert hat, hat es den nicht angezeigt
2) wo kann man bei evo-Child denn genau den HTML-Code editieren? Das smarte Framework zeigt ihr kein html?!
3) Die Änderungen an xml und css lassen sich nicht richtig anzeigen. Sie hat beispielsweise theme.less in der css verändert und es hat funktioniert, außer dass es von mytheme.css überschrieben wurde mit dem Beispielcode. Sie weiß aber nicht warum.
4) Die Änderungen sind nur sichtbar solange sie eingeloggt ist. Sobald sie sich ausloggt sieht alles wie ursprünglich aus. Beim nächsten EInloggen sieht sie aber wieder die Änderungen

Wir haben gemeinsam schon die http://docs.jtl-shop.de/de/latest/shop_templates/eigenes_Theme.html durchgearbeitet, aber wir sind noch nicht schlauer geworden. Ich persönlich hab davon nicht ganz so viel Ahnung und hab versucht zu unterstützen indem ich hier im Forum nach ähnlichen Problemen gesucht habe. Leider hatte auch die Lösung eines ähnlichen Beitrags keine Lösung bei uns gebracht.

Cache etc. hat meine Freundin immer geleert, hat auch mal mit Zeitstempel versucht immer die aktuelle Version zu sehen zu bekommen, aber auch das hatte keine Auswirkungen auf die ganzen Änderungen.

Habt ihr uns einen Tipp?

 

[_simone_]

Habt ihr denn die gleiche Verzeichnis- und Dateistruktur im Child wie im EVO?

hilfreicher LInk:
https://forum.jtl-software.de/threa...ein-eigenes-template-theme-mit-jtl-4-0.82909/

 

[FPrüfer]

Hallo,
Bitte nehmt nicht das Evo-Child-Example als Kopiervorlage für ein eigenes Child-Template! Das Evo-Child-Example ist ein Beispiel und man muß ein paar Sachen zurückbauen die man eigentlich nicht benötigt. Ich hänge an den Thread mal eine Zip-Datei mit einer leeren Child-Vorlage an, die nur die notwendigen Dateien enthält und bei Aktivierung 1:1 so aussieht wie das Standard-Evo.
Wenn die theme.less verändert wird, dann muß anschließend das Theme neu kompiliert werden (dazu kann man das Plugin EVO Theme-Editor im Backend verwenden), damit die Änderungen ins CSS übertragen werden und sichtbar sind.

 

[Diedrichs]

Bei mir wird leider nicht die gleiche Ausgabe getätigt und ich denke, daß ich die original-Vorlage verwende, nur die Farben sind angepasst. Bei mir sieht das Layout anders aus.
Normal: mit der Vorlage:

vielleicht sollte ich doch einen Servicepartner einschalten, ich kriege es nicht, auch nicht bei den anderen Anleitungen. 🙁

 

[_simone_]

Servicepartner ist wohl die richtige Entscheidung, wenn du so nicht weiter kommst.
Die Zeiten von Shop 2/3 sind leider vorbei, wo man mit wenigen "Handgriffen" den Shop für seine eigenen Belange fertig stylen konnte.
Durch das responsiv-Design hat sich der Code gefühlt verzehnfacht. 😱

Ich bastle seit Wochen immer mal wieder am Shop 4 und komme nur sehr langsam voran, da das Styling nicht "zusammengeklickt" werden kann, sondern für
Service.Provider{
optimiert ist: .;
leicher Sarkasmus: on;
}

 

[FPrüfer]

Bei mir wird leider nicht die gleiche Ausgabe getätigt ...

Bei Verwendung der "leeren Vorlage" muß ggfs. einmal die bootstrap.css aus dem Less neu Kompiliert werden. Dazu kann man das Plugin EVO Theme-Editor im Backend verwenden.

 

[Diedrichs]

Habe ich gemacht, eben nochmals, das Ergebnis ist ganz unterschiedlich! Auch die Caches wurden geleert, auch die des Browsers.

 

[FPrüfer]

...das Ergebnis ist ganz unterschiedlich!

Was heißt das? Wenn es um das fehlende Hintergrundbild geht: Hintergrundbilder müssen ins Child-Template kopiert werden!

 

[Diedrichs]

Es gibt keine Hintergrundbilder und Screenshots hatte ich schon gepostet. Es ist alles beim Gleichen. Es fehlen die Umrahmumgen, die Schrift ist eine andere, siehe Bild

 

[FPrüfer]

Hast du in deinem "Normal" eine custom.css? Die wird nämlich nicht "vererbt".

 

[Diedrichs]

Nein ich habe die ganz normale CSS von Yeti. Es gibt zwar eine custom.css, aber es ist dort nur eine Korrektur für das Logo drin. Habe das normale Evo/Yeti template und nur die Farben über den livestyler angepasst, aber nichts von Umrahmungen usw.

 

[FPrüfer]

...Habe das normale Evo/Yeti template und nur die Farben über den livestyler angepasst, aber nichts von Umrahmungen usw.

Die Evo-Child-Vorlage basiert auf den evo-Theme des Evo-Template. Wenn in der Vorlage ein anderes Evo-Theme als Basis dienen soll, dann muß dies in der Evo-Child-Vorlage/themes/base/less/base.less angepasst werden. Dort müßte für deinen Fall die Zeile

@ import "../../../../Evo/themes/evo/less/theme";

durch

@ import "../../../../Evo/themes/yeti/less/theme";

ersetzt werden. Anschließend muß das Less neu kompiliert werden. (Bitte das Leerzeichen zw. @ und import weglassen)

 

[Diedrichs]

uiui, da wäre ich nie darauf gekommen.

Ja so ganz ist es trotzdem noch nicht. Die Linkfarbe der Schriften kann man ja ändern, aber die Schrift ist nur bei den Beschreibungen richtig. Ansonsten ist sie mit Serifen in den Boxüberschriften und in der Vorausschau. (Siehe Bilder). Muss da noch was wie bei den Hintergrundbildern bei den Schriften usw. umkopiert werden? Wenn ja wo?


Dann wollte ich den Livestyler für die Einstellung der Farben verwenden. Geht der bei Chiles nicht?

Danke, daß Ihr so nett seid und mir das näher gebracht habt.

Liebe Grüße
Harald

 

[FPrüfer]

Der Livestyler funktioniert auch mit Child-Templates. Jedoch müssen dann alle editierbaren Variablen direkt in die variables.less des eigenen Child-Themes kopiert werden. In der Evo-Child-Vorlage ist diese jedoch leer und erbt lediglich alle Variablen aus dem Vater-Theme. In die Evo-Child-Vorlage/themes/my-evo/less/variables.less muß der gesamte Inhalt (mindestens jedoch alle Variablen die man "Live" ändern will) aus Evo/themes/yeti/less/variables.less kopiert werden, wenn der Livestyler benutzt werden soll.

 

[Diedrichs]

... und was ist mit der Schrift? Kann ich das irgendwie ändern? Und wo?

 

[FPrüfer]

... und was ist mit der Schrift? Kann ich das irgendwie ändern? Und wo?

Die verwendeten Schriften werden über die @font-family-xxx Variablen im Less festgelegt.

 

[Diedrichs]

DAnke, mal sehen wie ich weiter kommen! 🙂