Overrides Cassiopeia - sauber kopieren

Warum Cassiopeia kopieren und nicht direkt ändern?

❌ Änderungen gehen bei Joomla-Updates verloren
❌ Fehlersuche wird extrem schwierig
❌ Nicht prüfungstauglich

Merksatz:
„Core-Templates werden nicht verändert.“

Warum nicht Cassiopeia Extended anpassen?

Antwort:
Es enthält kein eigenes Layout, sondern lädt das Basistemplate.

Ziel - Ein eigenes Template erstellen

✔ auf Cassiopeia basiert
✔ update-sicher ist
✔ eigene Modulpositionen erlaubt
✔ eigenes Corporate Design nutzt

1️⃣ Schritt 1 – Ordner kopieren

📁Quelle: 
     /templates/cassiopeia  

📁 Ziel
(neuer Name, z. B. cassiopeia_firma ):
/templates/cassiopeia_firma 

2️⃣ Schritt 2 – templateDetails.xml anpassen

📁 Pfad:  /templates/cassiopeia_firma/templateDetails.xml 

✏️ Wichtige Änderungen

📌 Name & Title müssen eindeutig sein

3️⃣ Schritt 3 – Sprachdateien umbenennen

📁 Pfade:  /templates/cassiopeia_firma/language/de-DE/ 

Dateien umbenennen:

✏️ Inhalt anpassen:

 TPL_CASSIOPEIA_FIRMA="Cassiopeia Firma"

 

4️⃣ Schritt 4 – internen Template-Namen korrigieren

📁 Pfad: /templates/cassiopeia_firma/index.php  

Suche nach:
'cassiopeia' 

und passe Pfadreferenzen an, z. B.:

$wa->registerAndUseStyle('template.firma', 'templates/cassiopeia_firma/css/template.css');  

WO einfügen? 👉 NICHT in: 
/templates/cassiopeia/index.php ❌

✅ Sondern in:
/templates/cassiopeia_extended/index.php

⚠️ Nur Pfade, keine Klassen umbenennen! 

5️⃣ Schritt 5 – eigene user.css nutzen

📁 Pfad:  /templates/cassiopeia_firma/css/user.css 

👉 Hierhin gehört ALL dein Design

Beispiel:
body {
     background-color: cornsilk; /* Maisseide #FFF8DC */
}

 

6️⃣ Schritt 6 – Template installieren & aktivieren

🛠 Backend-Pfad:  System → Templates → Stile → Cassiopeia Firma → Als Standard 

✔ Website lädt jetzt dein eigenes Template
✔ Cassiopeia bleibt unverändert

 

7️⃣ Schritt 7 – Eigene Modulpositionen hinzufügen

📁 Pfad:  /templates/cassiopeia_firma/index.php 

Beispiel:
<jdoc:include type="modules" name="submenu" />  

📁 Zusätzlich in:

/templates/cassiopeia_firma/templateDetails.xml 

 

<positions>
     <position>submenu</position>
</positions>

 

📌 Beides ist Pflicht 

 

8️⃣ Schritt 8 – Best-Practice-Struktur (Empfehlung)

cassiopeia_firma/
├─ css/
│ ├─ user.css
├─ html/
│ ├─ com_content/
│ ├─ mod_menu/
├─ images/
├─ index.php
├─ templateDetails.xml