Einrichten eines eigenen Themes auf Evo /Evo-Child

martinwolf

Offizieller Servicepartner
SPBanner
6. September 2012
3.503
295
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.709
252
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.503
295
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.709
252
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.503
295

holzpuppe

Sehr aktives Mitglied
14. Oktober 2011
1.709
252
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.503
295
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.709
252
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 Weiterleitungen lassen sich nicht einrichten Allgemeine Fragen zu JTL-Shop 0
Wie Zahlungsarten aus Shop in der Wawi einrichten / Übersetzung? JTL-Wawi 1.9 3
Neu Backup einrichten, habe die SQL Anmeldedaten verlegt Installation von JTL-Wawi 1
Neu Probleme beim Einrichten von GLS Paket JTL-ShippingLabels - Ideen, Lob und Kritik 5
Neu Erledigt: Anbindung an Lieferanten einrichten Dienstleistung, Jobs und Ähnliches 1
Rabatt für einzelnen Kunden einrichten JTL-Wawi 1.9 2
Neu Artikelabhängige Versandkosten in Kombination mit kostenloser Abholung im Laden einrichten? Einrichtung von JTL-Shop4 4
Neu Microsoft Power Bi einrichten User helfen Usern 1
Löschen eines zweiten Onlineshops JTL-Wawi 1.9 3
Neu Bestände eines Artikels, die mindestens ein MHD von x Tagen aufweisen Eigene Übersichten in der JTL-Wawi 5
Neu SQL: Positionen eines Auftrags sind auf welchem Lieferschein gelandet? Eigene Übersichten in der JTL-Wawi 7
Neu Anschaffung eines (Versand-)Etiketten Drucker User helfen Usern 11
Neu Preis eines Artikels ab einem bestimmten Warenkorbwertes günstiger. User helfen Usern - Fragen zu JTL-Wawi 0
Neu Workflow Hilfe gesucht, Ersetzten eines Textes User helfen Usern - Fragen zu JTL-Wawi 4
Neu Wie kann ich die Verfügbarkeiten eines Artikels bei Amazon steuern? User helfen Usern - Fragen zu JTL-Wawi 0
Neu Inhalt eines Containers mehrfach auf verschiedenen Unterseiten darstellen Allgemeine Fragen zu JTL-Shop 4
Austausch eines bezahlten Artikels gegen einen preiswerteren in bereits bezahltem auftrag JTL-Wawi 1.7 6
In Diskussion Nachricht bei Einbuchung eines erwarteten Artikels JTL-Workflows - Ideen, Lob und Kritik 2
Neu Übersetzungen in eigenen .tpl Dateien Templates für JTL-Shop 7
Neu EXTF csv Datev als eigenen Export, statt Ameise? Einzeldifferenzbesteuert! User helfen Usern - Fragen zu JTL-Wawi 2
Neu Sinnvollste Lösung - eigenen "Server" oder doch Cloud? Installation von JTL-Wawi 7
Neu Worker 2.0 - je Marktplatz eigenen Worker-Client bitte JTL-Wawi - Ideen, Lob und Kritik 2
Neu Frage zur Rechtevergabe bei eigenen Übersichten Eigene Übersichten in der JTL-Wawi 0
Neu Kontaktformular auf einer eigenen Seite hinzufügen Allgemeine Fragen zu JTL-Shop 1
Neu Artikel -> Lieferanten -> Zum eigenen Lager hinzufügen User helfen Usern - Fragen zu JTL-Wawi 4

Ähnliche Themen

Top Bottom