Kostenlose Joomla 6-Templates
(mit Beschreibung & Links)

1) Phoca Spectrum

Beschreibung:
Modernes, responsives Template von Phoca mit sauberem Layout – geeignet für Blogs, Unternehmen und einfache Websites. Entwickelt speziell für Joomla 6-Kompatibilität.

URL:
👉 https://www.phoca.cz/joomla-templates (Liste mit Phoca-Templates)

Kostenlos vs. Premium:
💡 Kostenlos: Grunddesign, responsive Darstellung, einfache Struktur.
📌 Premium (falls angeboten): Zusätzliche Layoutvarianten, Support und Demo-Installer.

2) Commu – Social Networking Template

Beschreibung:
Kostenloses Joomla-Template aus TemplateToaster-Sammlung, geeignet für Community- oder Vereinsseiten.

URL:
👉 https://templatetoaster.com/templates/joomla-templates/page/19 (einige kostenlose Joomla-6 Templates)

Kostenlos vs. Premium:
💡 Kostenlos: Standarddesign, responsive Layout.
📌 Premium: erweiterte modulare Elemente, zusätzliche Farben/Layouts.

3) Godfather – Joomla Template (Restaurant)

Beschreibung:
Kostenloses Template für Restaurant- oder Bistro-Websites – Gastronomie-Layout mit Speisekarte-Bereich.

URL:
👉 https://templatetoaster.com/templates/joomla-templates/page/19

Kostenlos vs. Premium:
💡 Kostenlos: Grunddesign, responsive Styles.
📌 Premium: erweiterte Menü-Layouts, Reservierungsmodul-Integration.

4) Blue Spot – Webdesign/Studio Template

Beschreibung:
Multipurpose-Template für Agenturen oder kreative Studios.

URL:
👉 https://templatetoaster.com/templates/joomla-templates/page/19

Kostenlos vs. Premium:
💡 Kostenlos: Basisdesign, responsive.
📌 Premium: mehr Module, Portfolio-Layouts.

5) Business Octane – Marketing Template

Beschreibung:
Geschäfts- und Marketing-Template aus der TemplateToaster-Sammlung.

URL:
👉 https://templatetoaster.com/templates/joomla-templates/page/19

Kostenlos vs. Premium:
💡 Kostenlos: Standardseiten, responsive.
📌 Premium: zusätzliche Komponenten wie Testimonials, Call-to-Action-Blöcke.

6) Picassa Design – Multipurpose Template

Beschreibung:
Flexibles, kostenloses Template für Portfolios oder Webseiten mit kreativem Fokus.

URL:
👉 https://templatetoaster.com/templates/joomla-templates/page/19

Kostenlos vs. Premium:
💡 Kostenlos: Basislayout.
📌 Premium: erweiterte Galerie, zusätzliche Farbvarianten.

7) Yacht Club – Sports/Club Template

Beschreibung:
Kostenloses Joomla-Template speziell für Sport- oder Club-Projekte.

URL:
👉 https://templatetoaster.com/templates/joomla-templates/page/10

Kostenlos vs. Premium:
💡 Kostenlos: Responsive Grundlayout.
📌 Premium: Sportkalender, Mitgliederbereich.

8) Dentist and Doctor Template

Beschreibung:
Template für Zahnarztpraxen, Ärzte- oder Gesundheitsseiten.

URL:
👉 https://templatetoaster.com/templates/joomla-templates/page/10

Kostenlos vs. Premium:
💡 Kostenlos: Basisdesign für Praxiswebsites.
📌 Premium: Terminbuchung, Ärzteprofile.

9) Kids – Kindergarten & Pre-School Template

Beschreibung:
Farbintensives, kinderfreundliches Template für Kindergärten oder Vorschulen.

URL:
👉 https://templatetoaster.com/templates/joomla-templates/page/10

Kostenlos vs. Premium:
💡 Kostenlos: Einfaches, responsives Layout.
📌 Premium: erweiterte Komponenten für Veranstaltungen/Events.

10) Electrician – Services Template

Beschreibung:
Template für Handwerker- oder Elektriker-Services.

URL:
👉 https://templatetoaster.com/templates/joomla-templates/page/10

Kostenlos vs. Premium:
💡 Kostenlos: Standardservice-Layout.
📌 Premium: Portfolio-Sektionen, Mitarbeiter-Profile.

11) Classic default Joomla Template: Cassiopeia (Child-Varianten)

Beschreibung:
Auch das Joomla-Standard-Template „Cassiopeia“ lässt sich anpassen (Farben, Layout-Optionen) und wird in Joomla 6 als Ausgangspunkt unterstützt.

URL:
👉 im Joomla-Installationspaket enthalten (Backend → Erweiterungen → Templates)

Kostenlos vs. Premium:
💡 Kostenlos: Voll funktionsfähig im Joomla-Core.
📌 Premium: Child-Themes/Customizer-Pakete von Drittanbietern erweitern Optionen.

📊 Hinweis zu kostenlosen vs. Premium-Versionen

🔹 Kostenlose Templates bieten meist:

Responsive Design
Grundlegende Layout-Optionen
Einfache Anpassung von Farben/Logos
Standard-Modulpositionen

🔸 Premium/Pro-Versionen enthalten häufig:

Mehr Layoutvarianten/Demos
Erweiterte Modulpositionen und Header-Layouts
Page-Builder-Integration
Professionellen Support & regelmäßige Updates
Zusätzliche Widgets oder Premium-Erweiterungen

Die oben aufgeführten kostenlosen Templates stammen aus öffentlich verfügbaren Sammlungen für Joomla-Templates und lassen sich in der Regel direkt installierten bzw. anpassen.

Kostenlose Joomla 6-Erweiterungen

🔌 1. AllVideos (von JoomlaWorks)

Beschreibung:
Ein universeller Mediaplayer für Joomla, mit dem du Videos (YouTube, Vimeo etc.) sowie andere Audio-/Videodateien direkt in Artikel und Beiträge einbinden kannst.

URL:
👉 https://www.joomlaworks.net/extensions/free/allvideos

Anwendungsbeispiel:
Du betreibst einen Blog oder eine Portfolio-Seite und möchtest Video-Tutorials oder Kundenreferenzen direkt im Artikel anzeigen – mit AllVideos geht das ganz einfach über einen Shortcode oder Plugin-Button im Editor.

🖼️ 2. Simple Image Gallery (von JoomlaWorks)

Beschreibung:
Plugin zur schnellen und einfachen Anzeige einer Bildergalerie in Inhalten – ohne großen Konfigurationsaufwand.

URL:
👉 https://www.joomlaworks.net/extensions/free/simple-image-gallery

Anwendungsbeispiel:
Ideal für Portfolio- oder Projektseiten: Du kannst Bildergalerien mit Lightbox-Effekt direkt im Artikel platzieren, um eine ansprechende Visualisierung deiner Arbeiten zu erreichen.

📋 3. JM Testimonials (Kostenloses Modul von DJ-Extensions)

Beschreibung:
Modul, mit dem du Kundenstimmen und Testimonials ansprechend auf deiner Webseite darstellen kannst.

URL:
👉 https://dj-extensions.com/joomla-6 (Seite mit vielen kostenlosen Erweiterungen)

Anwendungsbeispiel:
Baue eine “Kundenstimmen-Sektion” auf deiner Startseite oder Landingpage ein, um Vertrauen bei Besuchern zu schaffen – Testimonials werden mit Name, Text und optionaler Autor-Information angezeigt.

🗳️ 4. SP Polls (von JoomShaper, kostenlos)

Beschreibung:
Ein AJAX-basiertes Abstimmungssystem (Poll/Umfrage), mit dem du Besucherbeteiligung auf deiner Seite erzeugen kannst.

URL:
👉 https://www.joomshaper.com/joomla-extensions (Liste inklusive SP Polls)

Anwendungsbeispiel:
Erstelle auf deiner Community- oder News-Seite eine Umfrage („Welches Feature wünschen Sie sich am meisten?“), um Feedback zu sammeln und Engagement zu fördern.

🧭 5. Offcanvas Content (kostenloses Modul)

Beschreibung:
Ein Modul, das Inhalte in einem seitlichen Panel (Off-Canvas) anzeigt, z. B. Menüelemente, Formulare oder Zusatzinfos.

URL:
👉 Joomla Learning Center – Offcanvas Content Modul

Anwendungsbeispiel:
Nutze Offcanvas für ein zusätzliches Seitenmenü oder Kontaktpanel – ideal auf mobilen Geräten oder als Ergänzung zum Hauptinhalt.

Overrides für Beiträge und Kategorien

Nach diesem Skript können Teilnehmende:

ein Corporate Design in Cassiopeia sauber umsetzen
Farben, Schriften und Abstände zentral steuern
Beiträge und Kategorien per Override strukturell anpassen
Design updatefest & wartbar realisieren

0️⃣ Grundprinzip (wichtig!)

📌 Design-Regel in Joomla:

Ebene	Aufgabe
index.php	Struktur (Wrapper, Bereiche)
user.css	Design (Farben, Abstände, Schrift)
Backend	Inhalt & Logik

❌ Kein Design in Beiträgen
❌ Kein Design in Modulen

1️⃣ Corporate-Design-Farben definieren (zentral)

📁 Code-Link (Pfad):
/templates/cassiopeia/css/user.css

🎨 Farbdefinitionen (CSS-Variablen)

📌 Vorteil:
➡ Farben einmal ändern, ganze Website passt sich an.

:root {
--cd-primary: darkgreen; /* Dunkelgrün #006400 */
--cd-secondary: saddlebrown; /* Sattelbraun #8B4513 */
--cd-accent: darkorange; /* Dunkelorange #FF8C00 */
--cd-light: cornsilk; /* Maisseide #FFF8DC */
--cd-dark: black; /* Schwarz #000000 */
}

2️⃣ Grundlayout & Seitenhintergrund

📁 Code-Link:
/templates/cassiopeia/css/user.css

Code für <body>

body {
background-color: cornsilk; /* Maisseide #FFF8DC */
color: black; /* Schwarz #000000 */
font-family: Arial, Helvetica, sans-serif;
}

3️⃣ Header & Logo-Bereich

📁 HTML-Struktur (Code-Link):

/templates/cassiopeia/index.php

Beispiel-Wrapper im Header-Bereich

<header class="site-header">
<jdoc:include type="modules" name="header" />
</header>

🎨 CSS:

.site-header {
background-color: darkgreen; /* Dunkelgrün #006400 */
padding: 20px;
}

4️⃣ Hauptmenü (Corporate Navigation)

📁 HTML-Position:
/templates/cassiopeia/index.php

📁 CSS-Design:

/templates/cassiopeia/css/user.css

.main-menu-wrapper {
background-color: saddlebrown; /* Sattelbraun #8B4513 */
}

.main-menu-wrapper .mod-menu a {
color: cornsilk; /* Maisseide #FFF8DC */
font-weight: bold;
padding: 12px 16px;
}

.main-menu-wrapper .mod-menu a:hover {
color: darkorange; /* Dunkelorange #FF8C00 */
}

5️⃣ Submenu unter dem Hauptmenü (Corporate Struktur)

📁 HTML-Code:

/templates/cassiopeia/index.php

<div class="submenu-wrapper">
<jdoc:include type="modules" name="submenu" style="none" />
</div>

CSS einfügen

📁 Richtig:
/templates/cassiopeia/index.php

❌ Nicht hier:
/templates/cassiopeia_extended/index.php

📁 CSS:

/templates/cassiopeia/css/user.css

.submenu-wrapper {
background-color: cornsilk; /* Maisseide #FFF8DC */
border-bottom: 2px solid darkgreen; /* Dunkelgrün #006400 */
}

6️⃣ Modul-Design (Corporate Box-System)

📁 CSS:

/templates/cassiopeia/css/user.css

.moduletable {
background-color: white; /* Weiß #FFFFFF */
border: 1px solid darkgreen; /* Dunkelgrün #006400 */
padding: 15px;
margin-bottom: 20px;
}

📌 Wirkung:

✔ Einheitliche Modulboxen
✔ Firmen-Look
✔ Wiedererkennbar

7️⃣ Beiträge (Text-Corporate-Design)

📁 CSS:

/templates/cassiopeia/css/user.css

.article-title {
color: darkgreen; /* Dunkelgrün #006400 */
}

.article-content {
line-height: 1.6;
}

8️⃣ Kategorien (Listen & Übersichten)

📁 CSS:

/templates/cassiopeia/css/user.css

.category-list h2 {
color: saddlebrown; /* Sattelbraun #8B4513 */
}

9️⃣ Footer (Corporate Abschluss)

📁 HTML-Position:

/templates/cassiopeia/index.php

📁 CSS:

.site-footer {
background-color: darkgreen; /* Dunkelgrün #006400 */
color: cornsilk; /* Maisseide #FFF8DC */
padding: 20px;
}

🔟 Einheitliches Button-Design

📁 CSS:

.btn,
button {
background-color: darkorange; /* Dunkelorange #FF8C00 */
color: black; /* Schwarz #000000 */
border: none;
padding: 10px 16px;
}

Verständnisfragen

❓ Wo wird Corporate Design technisch umgesetzt?

Antwort: Im Template (index.php + user.css), nicht im Inhalt.

❓ Warum CSS-Variablen verwenden?

Antwort: Zentrale Pflege, konsistentes Design, wartbar.

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

👉 Ordner /templates / cassiopeia vollständig kopieren

2️⃣ Schritt 2 – templateDetails.xml anpassen

📁 Pfad: /templates/cassiopeia_firma/templateDetails.xml

✏️ Wichtige Änderungen

<extension type="template" client="site" method="upgrade">
<name>cassiopeia_firma</name>
<title>Cassiopeia Firma</title>
<version>1.0.0</version>
<description>Firmen-Template auf Basis von Cassiopeia</description>
</extension>

📌 Name & Title müssen eindeutig sein

3️⃣ Schritt 3 – Sprachdateien umbenennen

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

Dateien umbenennen:

Alt	Neu
tpl_cassiopeia.ini	tpl_cassiopeia_firma.ini
tpl_cassiopeia.sys.ini	tpl_cassiopeia_firma.sys.ini

✏️ 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

Fehleranalyse:
„Template wird nicht angezeigt“ (Joomla 6)

1️⃣ Symptom-Check (erst verstehen)

Symptom	Bedeutung
Template fehlt in der Liste	Joomla erkennt es nicht
Template auswählbar, aber Seite weiß	PHP-Fehler
Frontend zeigt altes Template	Falscher Stil aktiv
Backend ok, Frontend kaputt	index.php-Fehler

2️⃣ ❌ Ursache 1: templateDetails.xml falsch

📁 Pfad:
/templates/cassiopeia_firma/templateDetails.xml

Prüfen:
<extension type="template" client="site">

❌ Falsch:
client="administrator" "

✅ Lösung:

client="site"

❌ Ursache 2: Template-Name stimmt nicht

Ort	Muss identisch sein
Ordnername	cassiopeia_firma
<name>	cassiopeia_firma
Sprachdateien	tpl_cassiopeia_firma.ini

📌 Groß-/Kleinschreibung beachten!

❌ Ursache 3: index.php fehlt oder defekt

📁 Pfad: /templates/cassiopeia_firma/index.php

Minimal-Testcode:

Templates 02

➡️ Wenn das erscheint → Template funktioniert

❌ Ursache 4: Template nicht als Standard gesetzt

📍 Backend: System → Templates → Stile

✔ Stern bei deinem Template setzen

❌ Ursache 5: PHP-Fehler → weiße Seite

Weiße Seite = PHP-Fehler, kein Joomla-Fehler

📍 Aktivieren: System → Globale Konfiguration → Server → Fehler berichten → Maximum

❌ Ursache 6: Falsche PHP-Version

Hosting-Panel:
Joomla 6 benötigt PHP 8.1+

3️⃣ Debug-Checkliste

✔ Ordnername korrekt
✔ templateDetails.xml korrekt
✔ index.php vorhanden
✔ Template als Standard
✔ Fehleranzeige aktiv

Seite 1 von 2

Suche

NEUES TEMPLATE

Kostenlose Joomla 6-Templates (mit Beschreibung & Links)

1) Phoca Spectrum

2) Commu – Social Networking Template

3) Godfather – Joomla Template (Restaurant)

4) Blue Spot – Webdesign/Studio Template

5) Business Octane – Marketing Template

6) Picassa Design – Multipurpose Template

7) Yacht Club – Sports/Club Template

8) Dentist and Doctor Template

9) Kids – Kindergarten & Pre-School Template

10) Electrician – Services Template

11) Classic default Joomla Template: Cassiopeia (Child-Varianten)

📊 Hinweis zu kostenlosen vs. Premium-Versionen

Kostenlose Joomla 6-Erweiterungen

🔌 1. AllVideos (von JoomlaWorks)

🖼️ 2. Simple Image Gallery (von JoomlaWorks)

📋 3. JM Testimonials (Kostenloses Modul von DJ-Extensions)

🗳️ 4. SP Polls (von JoomShaper, kostenlos)

🧭 5. Offcanvas Content (kostenloses Modul)

Overrides für Beiträge und Kategorien

Nach diesem Skript können Teilnehmende:

0️⃣ Grundprinzip (wichtig!)

1️⃣ Corporate-Design-Farben definieren (zentral)

📁 Code-Link (Pfad):/templates/cassiopeia/css/user.css

🎨 Farbdefinitionen (CSS-Variablen)

2️⃣ Grundlayout & Seitenhintergrund

3️⃣ Header & Logo-Bereich

📁 HTML-Struktur (Code-Link):

Beispiel-Wrapper im Header-Bereich

4️⃣ Hauptmenü (Corporate Navigation)

📁 HTML-Position: /templates/cassiopeia/index.php

📁 CSS-Design:

5️⃣ Submenu unter dem Hauptmenü (Corporate Struktur)

📁 HTML-Code:

6️⃣ Modul-Design (Corporate Box-System)

📁 CSS:

📌 Wirkung:

7️⃣ Beiträge (Text-Corporate-Design)

📁 CSS:

8️⃣ Kategorien (Listen & Übersichten)

📁 CSS:

9️⃣ Footer (Corporate Abschluss)

📁 HTML-Position:

🔟 Einheitliches Button-Design

Verständnisfragen

❓ Wo wird Corporate Design technisch umgesetzt?

❓ Warum CSS-Variablen verwenden?

Overrides Cassiopeia - sauber kopieren

Warum Cassiopeia kopieren und nicht direkt ändern?

Warum nicht Cassiopeia Extended anpassen?

Ziel - Ein eigenes Template erstellen

1️⃣ Schritt 1 – Ordner kopieren

2️⃣ Schritt 2 – templateDetails.xml anpassen

✏️ Wichtige Änderungen

3️⃣ Schritt 3 – Sprachdateien umbenennen

Dateien umbenennen:

✏️ Inhalt anpassen:

4️⃣ Schritt 4 – internen Template-Namen korrigieren

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

5️⃣ Schritt 5 – eigene user.css nutzen

6️⃣ Schritt 6 – Template installieren & aktivieren

7️⃣ Schritt 7 – Eigene Modulpositionen hinzufügen

📁 Zusätzlich in:

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

Fehleranalyse: „Template wird nicht angezeigt“ (Joomla 6)

1️⃣ Symptom-Check (erst verstehen)

2️⃣ ❌ Ursache 1: templateDetails.xml falsch

📁 Pfad: /templates/cassiopeia_firma/templateDetails.xml

✅ Lösung:

❌ Ursache 2: Template-Name stimmt nicht

❌ Ursache 3: index.php fehlt oder defekt

❌ Ursache 4: Template nicht als Standard gesetzt

📍 Backend: System → Templates → Stile

❌ Ursache 5: PHP-Fehler → weiße Seite

❌ Ursache 6: Falsche PHP-Version

3️⃣ Debug-Checkliste

Kostenlose Joomla 6-Templates
(mit Beschreibung & Links)

📁 Code-Link (Pfad):
/templates/cassiopeia/css/user.css

📁 HTML-Position:
/templates/cassiopeia/index.php

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

Fehleranalyse:
„Template wird nicht angezeigt“ (Joomla 6)

📁 Pfad:
/templates/cassiopeia_firma/templateDetails.xml