SIRIUS 3 Theme ohne Demo installieren

Wenn du bereits Erfahrungen mit einem unserer Themes gemacht hast, kannst du das Theme auch ohne Demo-Inhalte verwenden.

Theme-Download

Lade dir die neueste Version des Themes aus dem Club-Bereich herunter. Das SIRIUS-Theme für Contao 5 ist eine ZIP-Datei und lautet in etwa SIRIUS-THEME-3.X.X.zip.

Hinweis: Sollte dein Browser das ZIP-Archiv automatisch entpacken, deaktiviere die Einstellung. Alternativ findest du das ZIP-Archiv im Papierkorb. Erstelle das ZIP-Archiv nicht selbst, da sonst die Pfade nicht stimmen!

1. Contao-Installation

Installiere Contao 5.7 auf dem Server. Am einfachsten geht dies über den Contao Manager, den wir im nächsten Schritt auch verwenden, um die Erweiterungen zu installieren.

Du solltest Contao so weit eingerichtet haben, dass du dich als Administrator im Backend einloggen kannst.

2. Erweiterungen installieren

Installiere folgende Erweiterung über den Contao Manager:

1. erdmannfreunde/sirius-theme-bundle

Das Bundle bringt alle weiteren Abhängigkeiten mit – das Nutshell Framework 2.x, die Theme Toolbox 4.2, die Element-Bundles (Hero, Card, Kontakt), das Grid-Bundle und die Onepage-Navigation.

2.1 Datenbank aktualisieren

Nach der Installation wirst du vom Contao Manager aufgefordert, die Datenbank zu aktualisieren. Aktualisiere die Datenbank.

3. Theme importieren

Logge dich im Contao-Backend ein und gehe zum Menüpunkt Layout » Themes. Dort klickst du auf Importieren und wählst das Theme (als ZIP-Datei) aus.

Solltest du gefragt werden, ob du zusätzlich die Demo-Daten importieren möchtest, überspringe diesen Schritt – andernfalls werden alle Seiten, Artikel, Elemente usw. angelegt.

Nach dem Import ist das Theme inkl. Seitenlayout und Frontend-Module bereit für die Verwendung. Wenn du Komponenten wie News und Events verwendest, musst du, nachdem du die Archive angelegt hast, diese noch in den Frontend-Modulen auswählen.

4. Seitenlayout auf die Theme-SCSS-Datei einstellen

Die Theme-Dateien liegen in SIRIUS 3 unter layout/ und nicht mehr im Datei-Manager. Prüfe daher im Seitenlayout, dass die richtige SCSS-Datei ausgewählt ist:

1. Layout » Seitenlayouts » [Layout bearbeiten]
2. Im Bereich Theme Toolbox im Select-Feld Theme SCSS die default.scss auswählen.
3. Speichern.

5. Live-Editor aktivieren

Der Live-Editor im Frontend ist standardmäßig ausgeschaltet. Wenn du mit dem Gestalten beginnen möchtest, aktivierst du ihn einmalig in der Contao-Systemwartung über den Schalter „Frontend-Editor anzeigen".

Ein Umgehen des SCSS-Caches ist in SIRIUS 3 nicht mehr nötig – der Compiler der Theme Toolbox erkennt Änderungen an den SCSS-Dateien automatisch und kompiliert bei Bedarf neu.