Einrichten eines eigenen Themes auf Evo /Evo-Child

martinwolf

Offizieller Servicepartner
SPBanner
6. September 2012
3.593
317
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.593
317
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.593
317

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.593
317
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
Neu Shopify Lagerbestandsabgleich einrichten (bei neuem Shop) Shopify-Connector 3
Paypal als Zahlungsanbieter in Wawi einrichten JTL-Wawi 1.9 1
Neu Packtisch+ "einrichten" Tipps, Erfahrungen für Packtisch Neuling Installation von JTL-WMS / JTL-Packtisch+ 0
Neu JTL Shop 5 Probleme mit Anlegen eines Kundenaccounts Allgemeine Fragen zu JTL-Shop 4
Neu Umsetzung eines doppelten Dropship-Prozesses in JTL-Wawi? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Hinzufügen eines Textes bei Lieferantenbestellung bei einem Hersteller User helfen Usern - Fragen zu JTL-Wawi 4
In Diskussion Variable für die Anzahl eines Produkts auf der Pickliste JTL-Workflows - Ideen, Lob und Kritik 1
Neu Retoure eines Umtausches Arbeitsabläufe in JTL-Wawi 0
Neu Deaktiviertung eines Var-Kindes löscht den ganzen Artikel im Shop PrestaShop-Connector 0
Fehlermeldung nach Auswahl eines Filters in der Kategorie- / Artikel-ansicht JTL-Wawi 1.10 0
Keine Zahlungsart nach erstellung eines Auftrages JTL-Wawi 1.10 1
Immer Reiter "Texte" bei Öffnen eines Auftrags aktiv, nicht "Details" JTL-Wawi 1.9 1
In Diskussion Wie lässt sich die Ausführung eines Workflows stoppen, sobald ein Produkt in einer gewissen Kategorie ist? JTL-Workflows - Fehler und Bugs 1
Neu Wann wird "createInvoice" eines Payment Plugins aufgerufen Technische Fragen zu Plugins und Templates 2
Neu Kontaktformular auf einer eigenen Seite einfügen. Wie? Allgemeine Fragen zu JTL-Shop 1

Ähnliche Themen

Top Bottom