Einrichten eines eigenen Themes auf Evo /Evo-Child

martinwolf

Offizieller Servicepartner
SPBanner
6. September 2012
3.629
325
AW: Einrichten eines eigenen Themes auf Evo /Evo-Child

Zitat von holzpuppe:
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:
PHP: 
        <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?
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

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

Sehr aktives Mitglied
14. Oktober 2011
1.713
253
Leipzig
AW: Einrichten eines eigenen Themes auf Evo /Evo-Child

Zitat von martinwolf:
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.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

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?
PHP: 
        <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

Offizieller Servicepartner
SPBanner
6. September 2012
3.629
325
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:

Code: 
    <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

Sehr aktives Mitglied
14. Oktober 2011
1.713
253
Leipzig
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:
PHP: 
        <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

Offizieller Servicepartner
SPBanner
6. September 2012
3.629
325

holzpuppe

Sehr aktives Mitglied
14. Oktober 2011
1.713
253
Leipzig
AW: Einrichten eines eigenen Themes auf Evo /Evo-Child

Zitat von martinwolf:
Einfach eine weitere Option im Theme-Setting ergänzen.
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

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

Offizieller Servicepartner
SPBanner
6. September 2012
3.629
325
AW: Einrichten eines eigenen Themes auf Evo /Evo-Child

Siehe rot markiert.

Code: 
    <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

Sehr aktives Mitglied
14. Oktober 2011
1.713
253
Leipzig
AW: Einrichten eines eigenen Themes auf Evo /Evo-Child

Aha. Das heisst die template.xml muss dann so aussehen:
HTML: 
<?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:
HTML: 
        <Section Name="Theme" Key="theme">
            <Setting Description="Knusperbrot" Key="knusperbrot" Type="select" Value="smoerebroed">
                <Option Value="smoerebroed">smoerebroed</Option>
            </Setting>
mit:
HTML: 
        <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?)
 
Zuletzt bearbeitet:
Du musst Dich einloggen oder registrieren um hier antworten zu können.
Ähnliche Themen
Titel Forum Antworten Datum
Wawi API REST-Server lässt sich nicht einrichten / Fehler 404 JTL-Wawi 1.11 1
EBICS einrichten bei Commerzbank JTL-Wawi 1.10 1
Neu Maximale Käufe auf unbegrenzten Bestand einrichten Arbeitsabläufe in JTL-Wawi 5
Neu JTL-Wawi 1.11.4 – Vaterartikel lässt sich nach Entfernen eines Kindartikels nicht mehr speichern JTL-Wawi - Fehler und Bugs 3
Neu Probleme mit dem erstellen eines Profils in der Datenbankverwaltung JTL-Wawi - Fehler und Bugs 1
Neu Was ist die korrekte Variable für die letzte Seite eines Artikellistings? Betrieb / Pflege von JTL-Shop 11
Neu Einfügen eines Bildes in die Shopartikel-Reihe Allgemeine Fragen zu JTL-Shop 2
Sporadischer Absturz beim Bearbeiten eines Artikel - nach Klick auf speichern JTL-Wawi 1.11 7
Neu Probleme mit Pixel-Code eines Drittanbieters in Templatedatei Betrieb / Pflege von JTL-Shop 1
Wawi friert nach wählen eines beliebigen Menüpunktes ein JTL-Wawi 1.11 5
Neu Alphabetische Pickreihenfolge (Artikelname A→Z) innerhalb eines Lagerplatzes – optionales Sortierprofil JTL-WMS / JTL-Packtisch+ - Ideen, Lob und Kritik 0
Ich möchte den Einkaufspreisverlauf eines Produkts JTL-Wawi 1.10 1
Neu WaWi verweigert den Abgleich eines Artikels in einer Sprache User helfen Usern - Fragen zu JTL-Wawi 8
In Diskussion Workflow für bezahlte Aufträge eines bestimmten Lagers → Pickliste zu bestimmter Uhrzeit JTL-Workflows - Ideen, Lob und Kritik 2
Neuer Verkaufspreis eines Artikels wird in Angeboten/Aufträgen nicht übernommen, sondern nur der frühere ... JTL-Wawi 1.10 5
Neu Versandkosten in eigenen Versandarten als Netto Preis angeben User helfen Usern - Fragen zu JTL-Wawi 2
Am eigenen Lager Bestand = 0, bei FBA = 170, Probleme mit dem eigenen Shop und Otto.de JTL-Wawi 1.10 3
Neu Zuletzt Verkaufter Artikel länger als X Tage her und im eigenen Bestand User helfen Usern - Fragen zu JTL-Wawi 0

Ähnliche Themen

Top Bottom