Systemanforderung: Contao 4.9
(Updateleitfaden Contao 4.4 auf 4.9)
Wichtigste Änderungen:
- Neues Frontend Quickedit Modul
- 1 Click-Grid
- Revolution Slider 5
- Neue Footer-Vorlagen
- SEO & Pagespeed Optimierungen nach aktuellen Lighthouse Empfehlungen
- Sortierung der Elemente im der Topleiste möglich
- Weiteres ist im Newsbeitrag zu finden
Alle Änderungen:
- Update: pct_customelements 4.3.6 (#645)
- Add: pct_frontend_quickedit 1.0.0 (#644)
- Update: pct_revolutionslider 5.0 (#642)
- Update: pct_theme_settings 1.4.0 (#641)
- Update: pct_themer 3.6.0 (#640)
- Update: pct_autogrid 2.2.0 (#422)
- Update: Observe.js gegen IntersectionObserver tauschen (#630)
- Update: Default Demo > Seite Headerimage (#623)
- Fixed: Suche > Button falsche Höhe (#622)
- Update: Portfolio/News-Templates säubern (#621)
- Update: .mod_portfoliolist.swiper-container > overflow visible entfernen (#620)
- Update: Offcanvas-Trigger nur anzeigen wenn Themesetting: Offcanvas-Top aktiv ist (#594)
- Fixed: Newsletter-Anmeldung > Button CSS passt nicht (#592)
- Fixed: AG > Same Height Problem (#590)
- Add: Newslist Wiki in Default Demo ergänzt (#580)
- Fixed: Demo: insureancegroup > mmenu trigger nicht sichtbar (#577)
- Update: print.css optimiert (#557)
- Update: CSS > mod_login offcanvas top (#556)
- Remove: Altes Tempalte > ce_revolutionslider_video.html5 raus (#555)
- Update: CSS > hyphens: auto nicht auf A-Tags (#553)
- Update: Demo Musteragentur > Home > Artikel: Revolution Slider > Hintergrund über Artikeleigenschaften (#551)
- Add: TD > Header Varianten: Beside > Schmale Ansicht (#547)
- Fixed: avoid_click geht nicht in mainmenu (#546)
- Update: ce_privacy_iframe > CSS > width 100% ergänzen (#544)
- Fixed: Demo Insurance > mmenu trigger nicht sichtbar (#539)
- Update: Neues Favicon (#538)
- Add: Pagespeed Optimierung (#535)
- Update: Themer 3.6.0 (#534)
- Remove: Altes RS Script raus (#533)
- Update: ce_text_image_bar > Bild soll bis Browserrand gehen (#532)
- Fixed: Bild Erweitert zeigt keine Bildunterschrift -> falsches Ausgabe-Template: ce_image_raw (#531)
- Fixed: TD > Header Modern V1 > Menü klebt oben (#530)
- Fixed: Default Demo > Seite > New in Eclipse fehlt float_right Klasse
- (#529)
- Add: TD > Footer > Headline-Typen separat (#527)
- Add: fe_page <link rel=preload> (#525)
- Add: Mehrere Footer Beispiele zur Auswahl (#522)
- Fixed: ThemeDesigner > Header Beside Varianten > Megamenu nicht korrekt dargestellt (#520)
- Add: gallery_revoslider_fullscreen.html5 (#518)
- Update: gallery_revoslider.html5 > an RS5 anpassen (#517)
- Add: ce_hyperlink_iframe_lightbox (#515)
- Add: font-display: swap > ergänzen in font-awesome.min.css (#511)
- Update: CE Fullscreengallery > umbauen auf RS5 script (#510)
- Add: RS5: RS-Hyperlink Select für Farbklassen > CSS ergänzen (#509)
- Add: RS5 Overlay Select > CSS ergänzen (#508)
- Update: Update diverses CSS (#504)
- Update: Seitenlayout Home + Onepage > Eingebundene Modul > Pageimage entfernt (#503)
- Update: Integration Footer über Root-Seite / FE-Modul: Themesetting: Footer > umstellen auf Footer-Modul (#494)
- Add: Neue Newsliste Wiki (#492)
- Add: RS5: JS Optin-Template (#480)
- Fixed: RS5 > CSS > Video Pause Button passt styling nicht (#476)
- Update: Grid-Presets auf Flex-Reihen umbauen in allen Demos (#472)
- Fixed: RS5 > Alle Demos > RS Hyperlink > Den Link einbetten < Felder leeren (#468)
- Add: Lightbox-Klassen vorbereiten für individuelle Lightboxes (#466)
- Fixed: ce_grid_gallery > CSS > Textfarbe umkehren greift auf Headlines nicht (#463)
- Update: div. Bildanpassungen (#461)
- Update: .ce_iconbox_header > CSS > bottom: 20px reduzieren > Teilweise sonst Überlappungen im RS (#459)
- Update: Topbereich von float auf flex umbauen (#453)
- Update: CSS Anpassungen für pct_frontend_quickedit (#449)
- Update: Pricingtable > CSS > hat negativ margin > alte Grid Klassen (#447)
- Add: Neues Modul Frontend Quickedit (#445)
- Update: Inhaltselement: Hintergrundbild / Farbe > Label: Gesamte Breite > ändern in > Standard (#443)
- Update: CSS > Überschriften in ce_text > tiny-editor > Feld: kein Abstand unten > greift nicht (#429)
- Add: mod_socials > CSS-Klassen-Ausgabe aus Inhaltselement im Template ergänzt (#424)
- Add: Neue Demos mit Integration neuer AG-Spalten Features (#423)
- Add: Tabs mit Speicherung des gewählten Reiters (#415)
- Add: Add: fe_page > Info zu IE11 oder kleiner (#414)
- Fixed: Demo > LessText > Artikel > Anzeigen in [Slider] ändern. Ist jetzt auf Hauptspalte (#391)
- Fixed: Demo Doctors > Services > auf Seitentyp Weiterleitung umstellen (#385)
- Fixed: Default Demo > Designsettings - Headline > Artikelsettings > Overlay deaktivieren (#379)
- Add: Demo-Installer > Demo für Mitgliederbereich (Geschützter Bereich) (#361)
- Fixed: ce_image_raw.html5 > Fehlt Bildunterschrift (#302)
- Update: RS 5.4 Script und RevolutionSlider 5.0.0 Modul (#103)
- Update: Alle Revolutions Slider der Demos umgebaut auf neuen Script > Überall X/Y Koordinaten / Offset neu zugewiesen
- upload/files/*
- upload/templates/*
- upload/system/*
- Die Dateien aus dem Kundenbereich downloaden und in die eigene Contao Installation hochladen.
- Cache leeren (Per Contao-Installer, oder Contao Manager, oder per FTP den Inhalt des Ordners /var/cache löschen)
- Install-Tool aufrufen und Datenbank-Update durchführen
- Symlinks neu erstellen: Contao > System > Systemwartung > Symlinks neu erstellen
- Manuelle Änderungen im Contao-Backend durchführen
Manuelle Änderungen im Contao-Backend:
Top-Bereich anpassen
Schritt 1:
Themes > Eclipse > Frontend-Module bearbeiten:
Neues Frontend Modul anlegen
Name: Top: Left/Right Divider
Typ: HTML Modul
Inhalt: leer
Individuelles Template: mod_html_top_divider
Schritt 2:
Themes > Eclipse > Seitenlayouts:
Neues HTML Modul in allen Seitenlayouts > Frontend-Module > Layoutbereich > top_section ergänzen. Siehe Screenshot Seitenlayout.
Schritt 3:
Themes > Eclipse > Seitenlayouts:
Sortierung der Elemente in top_section in den Seitenlayouts anpassen. Siehe Screenshot Seitenlayout.
Footer anpassen
Schritt 1:
Themes > Eclipse > Frontend-Module bearbeiten:
Frontend Modul: 1 Themesetting: Footer
Modultyp umstellen auf: Seiten-Artikel
Schritt 2:
Bisher waren die Inhalte des Footers auf 4 Artikel (Seite Resources) aufgeteilt. Die Inhalte müssen auf einen Artikel reduziert werden. Für die Spaltenteilung kann das 1-Click-Grid verwendet werden. Siehe Screenshot Footer.
Schritt 3:
Footer zuweisen:
Seitenstruktur > Root-Seite (Startpunkt einer Seite) bearbeiten > Theme-Einstellungen > Footer-Artikel einfügen > Artikel mit Footer-Inhalten wählen
Inhalt von Bottom anpassen
Themes > Eclipse > Frontend-Module bearbeiten:
Frontend Modul: 1 Themesetting: Bottom
Individuelles Template: mod_html_bottom wählen
Inhalte direkt als HTML-Code angeben, nicht über Insert-Tags. Ermöglicht die Bearbeitung über das neue Modul Frontend Quickedit
HTML-Code:
Bsp.: <div class="left">Copyright {{date::Y}}. All Rights Reserved.</div> <div class="right"><a href="{{link_url::2495}}" target="_blank">Impressum</a><a href="{{link_url::2497}}" target="_blank">Datenschutz</a></div>
Trigger für minimierte Darstellung der Headervarianten Beside:
Schritt 1:
Themes > Eclipse > Frontend-Module bearbeiten:
Neues Frontend Modul anlegen
Name: Header Smallview Trigger
Typ: HTML Modul
Inhalt: leer
Individuelles Template: mod_html_header_smallview_trigger
Schritt 2:
Themes > Eclipse > Seitenlayouts:
Neues HTML Modul in allen Seitenlayouts im Layoutbereich Kopfbereich ergänzen. Siehe Screenshot Seitenlayout.
Revolution Slider
Schritt 1:
Revolution Slider Einstellungen:
- Select-Feld für Slider-Style auf "Auto" oder "Fullscreen" stellen. Die Option "Auto" ersetzt die vorherige Option "Responsive".
- Select-Feld Thumbs/Tabs/Bullets > Navigation > eine Darstellung wählen. Eine Übersicht der möglichen Darstellungen sind in der Dokumentation von Themepunch zu finden.
Schritt 2:
Alle Positions-Einstellungen müssen bei allen Revolution Slide Elementen neu angegeben werden, da der aktuelle Script die Koordinaten anders interpretiert.
Alternativ kann auf einen fertigen Slider aus Eclipse X3 zurück gegriffen werden. Dazu kann die Demo welche den gewünschten Slider enthält über den Demo-Installer importiert werden. Anschließend den Slider in die eigene Website einbinden. Dies hat den Vorteil, dass die in Eclipse X3 gelieferten Slider bereits für die mobile Version optimiert sind.
Pageimage auf Seitenlayout Home entfernen:
Themes > Eclipse > Seitenlayout Home:
Frontend-Modul > Pageimage [Layoutbereich: slider] entfernen
Screenshot Seitenlayout:
Screenshot Footer:
Einen Kommentar schreiben: