Einrichten eines eigenen Themes auf Evo /Evo-Child

[martinwolf]

AW: Einrichten eines eigenen Themes auf Evo /Evo-Child

Das Noneplusultra ist es noch nicht. Mir ist nicht (mehr) ganz klar welche Rolle im Evo-Child nun foo.css und bar.css spielen.
Was bedeutet im einzelnen:

        <CSS Name="print.css">
            <File Path="css/bar.css"/>
        </CSS>
        <CSS Name="evo.css">
            <File Path="css/foo.css"/>
        </CSS>

Und was wäre alternativ denkbar?

Das sind Beispiele wie man eigene CSS Dateien für die einzelnen Medientypen einbinden kann. evo.css dient dabei der digitalen Ansicht, print.css nur für die Druckansicht. Sämtliche CSS Dateien die den jeweiligen Knoten untergeordnet sind werden dann in die evo.css oder print.css zusammengefasst.

 

[holzpuppe]

AW: Einrichten eines eigenen Themes auf Evo /Evo-Child

Das sind Beispiele wie man eigene CSS Dateien für die einzelnen Medientypen einbinden kann. evo.css dient dabei der digitalen Ansicht, print.css nur für die Druckansicht. Sämtliche CSS Dateien die den jeweiligen Knoten untergeordnet sind werden dann in die evo.css oder print.css zusammengefasst.

Das heisst also, print.css und evo.css (abhänglich vom Template?) sind feste "Größen" und daneben gibt es nichts anderes?
Ich kann also unter evo.css mehrere eigene *.css definieren? Je nach dem welche eigenen wechsel-css ich erstellt hab?

        <CSS Name="print.css">
            <File Path="css/bar.css"/>
        </CSS>
        <CSS Name="evo.css">
            <File Path="css/foo.css"/>
            <File Path="css/blabla.css"/>
        </CSS>

 

[martinwolf]

AW: Einrichten eines eigenen Themes auf Evo /Evo-Child

Nein, das sind ebenfalls nur Beispiele. Wobei ich hier auch gerade sehe, dass print.css im Beispiel Child garnicht verwendet wird. Den Knoten evo.css gibt es auch im EVO Haupt Template. Wenn sich dieser Knoten auch im Child befindet, werden sämtliche CSS Dateien die darunter sind verwendet. Wobei ich hier jetzt nicht sagen kann ob ergänzend oder ausschließlich. Habs nicht getestet. Der Knoten "evo.css" wird dann vom Theme "evo" verwendet.

Möchte man also per Child ein eigenes Theme ergänzen, so muss mindestens folgdener Code enthalten sein:

    <Settings>
        <Section Name="Theme" Key="theme">
            <Setting Description="Theme" Key="theme_default" Type="select" Value="evo">
                <Option Value="[B]mein_theme[/B]">Mein eigenes Theme</Option>
            </Setting>
        </Section>
    </Settings>
    <Minify>
        <CSS Name="[B]mein_theme[/B].css">
            <File Path="themes/[B]mein_theme[/B]/bootstrap.css"/>
            <File Path="themes/[B]mein_theme[/B]/custom.css"/>
        </CSS>
    </Minify>

Im Knoten mein_theme.css können dann beliebig viele CSS Dateien ergänzt werden, die dann alle durch das Theme "mein_theme" verwendet werden.

 

[holzpuppe]

AW: Einrichten eines eigenen Themes auf Evo /Evo-Child

Ah, ok....jetzt hab ich es!
An der Stelle möchte ich noch schreiben, dass die Reihenfolge der zu ladenden *.css wichtig ist. Wenn man in der bootstrap und co nicht verändern möchte, sollten die eigenen *.css weiter unten stehen.
Also im Minify:

        <Minify>
        <CSS Name="miss-css-wahl.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="../Evo/themes/evo/custom.css"/>
            <File Path="css/normal-edtr.css"/>
        </CSS>
    </Minify>

Sonst werden nur ein paar Änderungen der eigenen *.css übernommen und nicht alle!

Juhu!

Nachtrag: Wie ist das jetzt aber mit der Wechselmöglichkeit: foo.css und bar.css. Wenn man davon ausgeht, dass beide unterschiedlich sind.
Mit welchem Code an welcher Stelle kann ich dann im Backend switchen?

 

[martinwolf]

AW: Einrichten eines eigenen Themes auf Evo /Evo-Child

Nachtrag: Wie ist das jetzt aber mit der Wechselmöglichkeit: foo.css und bar.css. Wenn man davon ausgeht, dass beide unterschiedlich sind.
Mit welchem Code an welcher Stelle kann ich dann im Backend switchen?

Einfach eine weitere Option im Theme-Setting ergänzen.

 

[holzpuppe]

AW: Einrichten eines eigenen Themes auf Evo /Evo-Child

Einfach eine weitere Option im Theme-Setting ergänzen.

Sorry: Das verstehe ich nicht.

Ich glaube ja, man kann darüber mal schnell das Aussehen der Seite mit zBs. 2-3 oder mehreren verschieden css-Dateien steuern. (Wenn man nicht gerade ein vollkommen anderes Theme erstellen will. Natürlich wäre das machbar, der Code wäre aber länger. Vlt. bin ich aber auch auf dem Holzweg.)
Sozusagen ich mach mal eine css für "Normal-Betrieb", Weihnachten und Ostern. Über die Auswahl (foobar: foo oder bar) kann ich das dann steuern. Richtig, oder falsch?

 

[martinwolf]

AW: Einrichten eines eigenen Themes auf Evo /Evo-Child

Siehe rot markiert.

    <Settings>
        <Section Name="Theme" Key="theme">
            <Setting Description="Theme" Key="theme_default" Type="select" Value="evo">
                <Option Value="[B]mein_theme[/B]">Mein eigenes Theme</Option>
                [COLOR=#ff0000]<Option Value="[B]mein_theme_2[/B]">Mein eigenes Theme 2</Option>[/COLOR]
            </Setting>
        </Section>
    </Settings>

Jede Option stellt ein eigenes Theme zur Auswahl dar.

 

[holzpuppe]

AW: Einrichten eines eigenen Themes auf Evo /Evo-Child

Aha. Das heisst die template.xml muss dann so aussehen:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Template>
    <Name>Templatename</Name>
    <Author>der Autor</Author>
    <URL>http://www.deineseite.de</URL>
    <Version>4.01</Version>
    <ShopVersion>401</ShopVersion>
    <Parent>Evo</Parent>
    <Preview>preview.png</Preview>
    <Description>Beschreibung deines Templates!</Description>
    <Settings>
        <Section Name="Allgemein" Key="general">
            <Setting Description="test" Key="test" Type="select" Value="N">
                <Option Value="Y">Ja</Option>
                <Option Value="N">Nein</Option>
            </Setting>
        </Section>
        <Section Name="Theme" Key="theme">
            <Setting Description="Knusperbrot" Key="knusperbrot" Type="select" Value="knaeckebrot">
                <Option Value="smoerebroed">kross</Option>
                <Option Value="knaeckebrot">knackig</Option>
            </Setting>
            <Setting Description="Theme" Key="theme_default" Type="select" Value="knaeckebrot">
                <Option Value="smoerebroed">smoere</Option>
                <Option Value="knaeckebrot">knaecke</Option>
            </Setting>
        </Section>
    </Settings>
        <Minify>
        <CSS Name="smoerebroed.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="../Evo/themes/evo/custom.css"/>
            <File Path="css/kross.css"/>
        </CSS>
        <CSS Name="knaeckebrot.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="../Evo/themes/evo/custom.css"/>
            <File Path="css/knackig.css"/>
        </CSS>
    </Minify>  
    <Boxes>
        <Container Position="left" Available="0"></Container>
        <Container Position="right" Available="1"></Container>
        <Container Position="top" Available="0"></Container>
        <Container Position="bottom" Available="0"></Container>
    </Boxes>
</Template>

Und der Absatz:

        <Section Name="Theme" Key="theme">
            <Setting Description="Knusperbrot" Key="knusperbrot" Type="select" Value="smoerebroed">
                <Option Value="smoerebroed">smoerebroed</Option>
            </Setting>

mit:

        <CSS Name="print.css">
            <File Path="css/kross.css"/>
        </CSS>
        <CSS Name="knaeckebrot.css">
            <File Path="css/knackig.css"/>
        </CSS>

im Minify-Block

Da kann ich optional steuern ob es für "Print" oder "digital" optimiert sein soll. (Andere Sachen gehen damit nicht?)

 

[martinwolf]

AW: Einrichten eines eigenen Themes auf Evo /Evo-Child

Da kann ich optional steuern ob es für "Print" oder "digital" optimiert sein soll. (Andere Sachen gehen damit nicht?)

Was brauchst du denn noch? Gibt doch nur Web und Print.

 

[holzpuppe]

AW: Einrichten eines eigenen Themes auf Evo /Evo-Child

Was brauchst du denn noch? Gibt doch nur Web und Print.

Alles!

Ich weiss ja nicht welche Möglichkeiten sich da noch bieten, daher die Frage. Aber die ist ja damit nun beantwortet.
Danke schön.