Problemchen mit eigener CSS-Datei

[cherry]

Ich versuche gerade eine eigenen CSS_Datei über ein CHILD-Element einzufügen. Bisher leider ohne Erfolg.

Das CHILD-Element (Ordner) sieht wie folgt aus:

template.xml
Ordner: css


Im Ordner css ist die Datei eigenes_css.css enthalten.

Die template.xml-Datei hat diesen Inhalt:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Template>
    <Name>Neuer Shop</Name>
    <Author>Max Muster</Author>
    <URL>https://www.url.de</URL>
    <Version>4.02</Version>
    <ShopVersion>402</ShopVersion>
    <Parent>Evo</Parent>
    <Preview>preview.png</Preview>
    <Description>Erweiterungstemplate</Description>

<Minify>
        <CSS Name="eigenes_css.css">
            <File Path="css/eigenes_css.css"/>
        </CSS>
</Minify>

</Template>

Die CSS_Datei wird jedoch nicht in der Seite eingefügt. Was ist da noch verkehrt?

 

[martinwolf]

AW: Problemchen mit eigener CSS-Datei

Der CSS Knoten unter Minify definiert ein Theme, in deinem Fall ein Theme mit dem Namen "eigenes_css", was alle darunter per File Path zugewiesenen CSS Dateien zugewiesen bekommt. Es gibt aber kein Theme in deiner XML!

    ...
    <Description>Erweiterungstemplate</Description>
[COLOR=#ff0000]    <Settings>
        <Section Name="Allgemein" Key="general">
            
        </Section>
        <Section Name="Theme" Key="theme">
            <Setting Description="Theme" Key="theme_default" Type="select" Value="eigenes_css">
                <Option Value="eigenes_css">Eigenes CSS</Option>
            </Setting>
        </Section>
    </Settings>[/COLOR]
    <Minify>
    ...

 

[cherry]

AW: Problemchen mit eigener CSS-Datei

So sieht die Datei jetzt aus, aber leider wird immer noch nichts eingebunden.

<?xml version="1.0" encoding="utf-8" standalone="yes"?> 
<Template>     
<Name>Neuer Shop</Name>     
<Author>Max Muster</Author>     
<URL>https://www.url.de</URL>     
<Version>4.02</Version>     
<ShopVersion>402</ShopVersion>     
<Parent>Evo</Parent>    
 <Preview>preview.png</Preview>     
<Description>Erweiterungstemplate</Description>

    <Section Name="Allgemein" Key="general">          
        </Section>
        <Section Name="Theme" Key="theme">
            <Setting Description="Theme" Key="theme_default" Type="select" Value="eigenes_css">
                <Option Value="eigenes_css">Eigenes CSS</Option>
            </Setting>
        </Section>
    </Settings>

<Minify>
        <CSS Name="eigenes_css.css">
            <File Path="css/eigenes_css.css"/>
        </CSS>
</Minify>

</Template>

 

[martinwolf]

AW: Problemchen mit eigener CSS-Datei

Dein Settings Knoten ist nur geschlossen, nicht aber geöffnet.

 

[cherry]

AW: Problemchen mit eigener CSS-Datei

Stimmt, da hat was gefehlt, jedoch wird leider immer noch nichts eingebunden....

 

[martinwolf]

AW: Problemchen mit eigener CSS-Datei

Seh ich jetzt erst, aber der Ordner CSS ist quatsch und wird auch nicht berücksichtigt. Die Struktur sollte mindestens wie folgt aussehen:

ChildTPL
--themes
----eigenes_css
------bootstrap.css
------custom.css
template.xml

Falls noch nicht geschehen, mal lesen: http://forum.jtl-software.de/templa...ein-eigenes-template-theme-mit-jtl-4-0-a.html

 

[cherry]

AW: Problemchen mit eigener CSS-Datei

Danke für die Hilfe, ich habe diesen Guide mal kopiert und in meinem Shop probiert, aber irgendwie bekomme ich es auch so nicht hin. Es werden einfach nicht die anderen (eigenen) CSS-Dateien geladen.

 

[martinwolf]

AW: Problemchen mit eigener CSS-Datei

Poste doch mal bitte einen Screenshot der Verzeichnisstruktur.

 

[cherry]

AW: Problemchen mit eigener CSS-Datei

Ich kann jetzt endlich eine CSS-Datei einbinden.
ABER: Die Daten die da drin stehen, überschreiben nicht die Daten aus anderen CSS-Dateien, oder muss diese Datei einen speziellen Namen haben?

Zunächst geht es speziell um diese Datei:

.megamenu .dropdown.megamenu-fw .dropdown-menu {
    border-top: 3px solid #1f2224;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    left: 0;
    right: 0;
}

Hier möchte ich die Farbangabe ändern, aber diese wird jedesmal durch die CSS-Definition im "Haupt-CSS" überschrieben.