Neu Grundfragen zu Nova als eigenes Template und Themeanpassungen

[holzpuppe]

Hallöle,
Bei uns liegt so langsam mal der der neue Shop an, und da EVO eh nicht mehr weiterentwickelt wird, muss hier auch das NOVA her.
Mein Guide von 2015 ist sowas von outdated und wenig hilfreich mit dem neueren NOVA, dass ich mich selbst nicht mehr recht erinnern kann, was falsch und was richtig ist.

Meine Ausgangslage ist die:
Ich möchte ein eigenes Template zur Anpassung einiger *.tpl
Ich möchte ein eigens(?) Theme um Farbe, Größe, Schrift und Ähnliches anzupassen. (Hier bin ich mir nicht sicher, ob ich dazu ein eigene Theme brauche. Falls ja, dann sollte das Grundgerüst updatesicher das clear-Design sein.)
Ich möchte, dass so gut wie alles vom Original-NOVA geladen wird um mein Template schlank zu halten.
Gestalterische Änderungen möchte ich mit dem Theme Editor kompilieren.

So weit so gut.
Ich habe mir das Child-Template für NOVA auf meinen Server geladen. Habe den Template-Ordner umbenannt. Habe in der bootstrap.php den "Namespace" entsprechend angepasst.
Habe die template.xml überarbeitet.
Aber mein Shop scheint die clear.css und die plugin_js_body (das ist das was mir das dev-tool ausspuckt.) nicht zu laden.
Also irgendwas mache ich falsch.

Das ist die leichte xml Version:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Template isFullResponsive="true">
<Name>ETLNova</Name>
<Author>Mein-Laden-GmbH</Author>
<URL>https://meineurl.com</URL>
<Parent>NOVA</Parent>
<Preview>preview.png</Preview>
<Version>5.1.1</Version>
<MinShopVersion>5.1.0</MinShopVersion>
<MaxShopVersion>5.2.0</MaxShopVersion>
<Description>Unser neues Template für den Shop.</Description>
</Template>

Das ist die erweiterte xml Version:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Template isFullResponsive="true">
<Name>ETLNova</Name>
<Author>Mein-Laden-GmbH</Author>
<URL>https://meineurl.com</URL>
<Parent>NOVA</Parent>
<Preview>preview.png</Preview>
<Version>5.1.1</Version>
<MinShopVersion>5.1.0</MinShopVersion>
<MaxShopVersion>5.2.0</MaxShopVersion>
<Description>Unser neues Template für den Shop.</Description>
<Minify>
<CSS Name="clear.css">
<File Path="../NOVA/themes/clear/clear.css"/>
<File Path="../NOVA/themes/clear/custom.css"/>
</CSS>
<JS Name="jtl3.js">
<File Path="../NOVA/js/bootstrap-toolkit.js"/>
<File Path="../NOVA/js/popper.min.js"/>
<File Path="../NOVA/js/bootstrap.bundle.min.js"/>
<File Path="../NOVA/js/slick.min.js"/>
<File Path="../NOVA/js/eModal.min.js"/>
<File Path="../NOVA/js/jquery.nivo.slider.pack.js"/>
<File Path="../NOVA/js/bootstrap-select.min.js"/>
<File Path="../NOVA/js/jtl.evo.js"/>
<File Path="../NOVA/js/typeahead.bundle.js"/>
<File Path="../NOVA/js/wow.min.js"/>
<File Path="../NOVA/js/colcade.js"/>
<File Path="../NOVA/js/global.js"/>
<File Path="../NOVA/js/slick-lightbox.min.js"/>
<File Path="../NOVA/js/jquery.serialize-object.min.js"/>
<File Path="../NOVA/js/jtl.io.js"/>
<File Path="../NOVA/js/jtl.article.js"/>
<File Path="../NOVA/js/jtl.basket.js"/>
<File Path="../NOVA/js/parallax.min.js"/>
<File Path="../NOVA/js/jqcloud.js"/>
<File Path="../NOVA/js/nouislider.min.js"/>
<File Path="../NOVA/js/consent.js"/>
<File Path="../NOVA/js/consent.youtube.js"/>
</JS>
</Minify>
<Boxes>
<Container Position="left" Available="1"></Container>
<Container Position="right" Available="0"></Container>
<Container Position="top" Available="0"></Container>
<Container Position="bottom" Available="1"></Container>
</Boxes>
</Template>

Wo ist der Knoten?

Grüße und vielen Dank.

 

[holzpuppe]

Hmmm. Keiner eine Idee?
Das plugin_js_haumichblau hab ich gelöst. Das hängt mit dem JTL Search Plugin zusammen, sollte wohl wenigstens einmal installiert sein, damit der Fehler nicht mehr aufkommt.
Ansonsten bekomme ich es nicht hin, dass meine css aus dem Childtemplate geladen wird. Es wird nur die clear.css und die anderen aus dem NOVA geladen.
Muss man zwingend ein eigenes Theme haben, oder die original clear.css im eigenen Template haben um CSS Änderungen mit dem Editor vorzunehmen?
Meine xml sieht aktuell so aus:
Die clear.css aus dem NOVA-Ordner steht im Header, wird auch geladen. Der Pfad ist korrekt. Seite ist aber ohne Formatierung. Bilder werden nicht geladen.
Die my-nova.css aus dem child Template steht nicht im Header und wird auch nicht geladen.

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Template isFullResponsive="true">
    <Name>ETLNova</Name>
    <Author>mein-Geschaeft-GmbH</Author>
    <URL>https://meineurl.com</URL>
    <Parent>NOVA</Parent>
    <Preview>preview.png</Preview>
    <Version>1.1.0</Version>
    <MinShopVersion>1.1.0</MinShopVersion>
    <MaxShopVersion>5.2.0</MaxShopVersion>
    <Description>Unser neues Template für den Shop.</Description>
    <Minify>
        <CSS Name="my-nova.css">
            <File Path="themes/edlernova/my-nova.css"/>
            <File Path="themes/edlernova/custom.css"/>
        </CSS>
    </Minify>
    <Boxes>
        <Container Position="left" Available="1"></Container>
        <Container Position="right" Available="0"></Container>
        <Container Position="top" Available="0"></Container>
        <Container Position="bottom" Available="1"></Container>
    </Boxes>
</Template>

 

[MHillmann]

Hallo,

hat das Beispiel Child-Template in seinem rohzustand denn funktioniert? Und kannst du dort Änderungen per Theme-Editor an den scss Dateien vornehmen?
Probier eventuell bei dir auch nochmal diesen Part einzufügen: https://gitlab.com/jtl-software/jtl-shop/child-templates/novachild/-/blob/master/template.xml#L12

    <Settings>
        <Section Name="Theme" Key="theme">
            <Setting Description="Theme" Key="theme_default" Type="select" Value="my-nova" override="true">
                <Option Value="my-nova">My NOVA - mein eigenes NOVA-Theme!</Option>
            </Setting>
        </Section>
    </Settings>

Viele Grüße
Michael

 

[holzpuppe]

Hallo,

hat das Beispiel Child-Template in seinem rohzustand denn funktioniert? Und kannst du dort Änderungen per Theme-Editor an den scss Dateien vornehmen?
Probier eventuell bei dir auch nochmal diesen Part einzufügen: https://gitlab.com/jtl-software/jtl-shop/child-templates/novachild/-/blob/master/template.xml#L12

    <Settings>
        <Section Name="Theme" Key="theme">
            <Setting Description="Theme" Key="theme_default" Type="select" Value="my-nova" override="true">
                <Option Value="my-nova">My NOVA - mein eigenes NOVA-Theme!</Option>
            </Setting>
        </Section>
    </Settings>

Viele Grüße
Michael

Vielen Dank für den Input. Das unveränderte Childtemplate funktioniert einwandfrei. ✔️
Änderung Ordnernamen und namespace in bootstrap. ✔️
Änderung in der xml:
Name ✔️
URL ✔️
Section Theme-> Settings Themename-> Value ❌
Option Value ❌
File path für die "my-nova.css ändern ❌
Also sobald ich den Namen in der xml -> Section Theme ändere, und auch den Ordner unter Theme entsprechend den gleichen Namen gebe, werden die css nicht mehr geladen. Da hakt es also.

 

[holzpuppe]

Also so scheint es nicht zu funktionieren.

 

[holzpuppe]

Ich weiß nicht so echt warum, aber es geht jetzt.
Meine Vermutung reicht von: "Bindestrich im Namen für das Theme sollte man vermeiden", " Cache im Browser hat sich nicht anständig verhalten" bis "der Server war zu langsam".

So jetzt gehts auf zu Less. (Gefällt mir. Muss war etwas umdenken, aber es gefällt mir.)