Gelöst Eigene CSS hinzufügen

[lord_icon]

Hi,

ich will das EVO-Design prinzipell beibehalten.. nur in den Artikeldetails ein wenig was hinzugefügt. DAS hat auch alles geklappt.

Nur das hinzufügen einer CSS schlägt fehl.
Da das ganze Update fähig bleiben, hab ich einen neuen Ordner erstellt:

templates/owned/template.xml
templates/owned/preview.png

productdetails/attributes.tpl

Die template.xml sah ursprünglich wir folgt aus:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Template isFullResponsive="true">
    <Name>Design-erweiterungen</Name>
    <Author>me</Author>
    <URL>http://my-shop.de</URL>
    <Version>4.04</Version>
    <ShopVersion>404</ShopVersion>
    <Parent>Evo</Parent>
    <Preview>preview.png</Preview>
    <Description>Dieses Template erweitert das evo-Template um ein paar Ausgabewerte</Description>
</Template>

Die attributes.tpl

{extends file="{$parent_template_path}/productdetails/attributes.tpl"}
{block name="productdetails-attributes" append}
{assign var=array value=[   'material:' => 'material' ]  }      {* Weitere Felder hinzufügen *}

   <div class="product-attributes">
       <div class="table-responsive">
           <table class="table table-striped table-bordered">
               <tbody>
               {foreach from=$array key=key item=item}
                   {if (isset($Artikel->FunktionsAttribute.{$item}) && $Artikel->FunktionsAttribute.{$item}|@strlen > 0)}
                       <tr class="attr-characteristic">
                           <td class="attr-label"> 
                               {$key|ucwords}
                           </td>
                           <td class="attr-value">
                               {$Artikel->FunktionsAttribute.{$item}}
                           </td>
                       </tr>                         
                   {/if}
               {/foreach}
               </tbody>
           </table>
       </div>
   </div>

{/block}

Das klappt wie gesagt hervorragend und kann ggf. gleich als Anleitung für die Anzeige von eigenen Feldern genutzt werden


Nur mit der einbindung einer eigenen CSS komm ich nicht weiter. Die Howto's beschreiben immer wieder, dass man das ganze Template kopieren soll und dann die entsprechenden Änderungen in der Kopie vornehmen.
Das will ich aber nicht, wegen den Updates.

Den Ordner/Datei: css/mytheme.css hab ich angelegt.

Die template.xml DACHTE ich wie folgt zu erweitern:

    <Description>Dieses Template erweitert das evo-Template um ein paar Ausgabewerte</Description>
       <Settings>
           <Section Name="Theme" Key="theme">
             <Setting Description="Standard-Theme" Key="theme_default" Type="select" Value="tiny">
               <Option Value="meinEigenesTheme">Mein Eigenes Theme (Anzeigename)</Option>
             </Setting>
           </Section>
       </Settings>
   <Minify>
       <CSS Name="meinEigenesTheme.css">
           <File Path="../owned/css/mytheme.css" />
       </CSS>
   </Minify> 
</Template>

Leider wird das nicht übernommen. Was müsste ich tun um MINIMAL diese eine css mit zu importieren ohne die Orginal-Datein zu ändern ?

Vielen Dank !!

 

[FPrüfer]

Um ihr eigenes Theme mittels CSS zu Stylen können Sie sich an den Artikel halten: http://docs.jtl-shop.de/de/latest/shop_templates/eigenes_theme.html#css-und-javascript-anpassen
Den Teil mit den Javascript-Dateien können Sie dabei ignorieren.

 

[helln]

Hallo lord_icon,

prinzipiell sieht der Code fehlerfrei aus, jedoch wenn du auf dem Evo-Theme aufbauen willst:

<CSS Name="meinEigenesTheme.css">
            <File Path="themes/evo/bootstrap.css"/>
            <File Path="themes/base/offcanvas-menu.css"/>
            <File Path="themes/base/pnotify.custom.css"/>
            <File Path="themes/base/jquery-slider.css"/>
            <File Path="themes/evo/custom.css"/>
            <File Path="../owned/css/mytheme.css" />
</CSS>

Die Datei ist unter <JTLSROOT>/templates/owned/css/mytheme.css zu erreichen?

PS: Nicht vergessen "Mein Eigenes Theme (Anzeigename)" unter "Template -> Evo -> Einstellungen -> Theme -> Theme" auszuwählen!



Gruß Nik

 

[lord_icon]

Danke @FPrüfer. Der Link hats gebracht.
Danke auch dir @helln... bzgl. deiner PS-Anmerkung.... fast vergessen

Der vollständigkeit halber:

   ... {Siehe oben}
<Description>Dieses Template erweitert das evo-Template um ein paar Ausgabewerte</Description>

    <Settings>
        <Section Name="Theme" Key="theme">
            <Setting Description="Mein Theme" Key="theme_default" Type="select" Value="meintheme">
                <Option Value="meintheme">Mein Theme</Option>
            </Setting>
            <Setting Description="Hintergrundbild" Key="background_image" Type="select" Value="">
                <Option Value="">- Kein Hintergrundbild -</Option>
                <Option Value="custom">Custom - Ihr eigenes Hintergrundbild (themes/Mein-Shop-Template/img/background.jpg)</Option>
            </Setting>
        </Section>
    </Settings>
    <Minify>
        <CSS Name="meintheme.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="../owned/css/mytheme.css" />
        </CSS>
    </Minify>
        
</Template>

 

[ag-websolutions.de]

Danke für die Rückmeldung

-- closed