Eclipse X7
Das ist neu
in Eclipse X 7.

Ein Fundament für alle Projekte. Jetzt noch stärker.

Neue Demos in Eclipse X 7

Sieben neue Demos.
Jede ein Kundenprojekt.

Software, Industrie, Architektur, Hotel, Kanzlei, Praxis, Handwerk – gestaltet auf dem Niveau maßgeschneiderter Agentur-Websites und gebaut nur aus Eclipse-X-Elementen. Importieren, Markenfarbe eintragen, präsentieren.

Seewald · Fünf-Sterne-Hotel am Bergsee – mit der neuen Buchungs- & Anfrageleiste direkt im Hero. Buchungs- & Anfrageleiste ansehen →

Kerna · Präzisionstechnik mit Produktbühne und Kennzahlen direkt im Hero.

Veltra · Monografie-Look in Elfenbein und Terrakotta, Fallstudien als Halbbild-Splits.

Axion · Dunkle Produktbühne für eine B2B-Plattform, Dashboard statt Stockfoto.

Castell · Ruhig, seriös, klar – für Kanzleien, Berater und Wirtschaftsprüfer.

Clarea · Hell und freundlich, mit Termin-Button und Bewertungen ganz oben.

Solvia · Meisterbetrieb für Photovoltaik und Wärmepumpen, mit Zahlen, die überzeugen.

Theme-Designer · Design Language

Kundendesign
in Minuten umgesetzt.

Styleguide des Kunden rein, fertiges Design raus. Farben, Schriften, Abstände, Ecken und Buttons einmal festlegen – Header, Karten, Formulare und jedes Inhaltselement sprechen ab sofort dieselbe Designsprache.

Theme-Designer

Nachbau des Theme-Designers – probier Farbe, Abstände, Ecken und Geräteansicht aus.

Eine Farbe rein. Eine ganze Palette raus.

Aus der Markenfarbe deines Kunden entstehen automatisch passende Abstufungen für Hover, Flächen und Akzente. Die Website wirkt wie aus einem Guss, ohne dass jemand Farbtöne aussucht.

Änderungen an der Live-Website. Nur du siehst sie.

Du schaltest den Theme-Designer nur in deinem Browser ein und passt die fertige Website direkt an. Deine Besucher sehen den Designer nicht.

Dein BrowserDesigner aktiv, neue Farbe
Besuchersieht die gespeicherte Version
Neu

Textgröße

Zurückhaltend oder plakativ: Ein Regler skaliert alle Texte der Website gemeinsam.

Für alle 220 Demos

Formensprache

Eckig, weich oder rund – ein Klick, und jede der 220 Demos übernimmt den gewünschten Formstil. Flächen, Bilder, Buttons und Formulare folgen derselben Linie.

Neu

Spacing Density

Compact, Standard oder Airy: Alle Abstände zwischen Sektionen und Elementen ziehen gemeinsam mit. Dicht und informativ oder ruhig und edel – ein Klick.

Neu

Styleguide in Minuten

Alle Grundlagen des Kundendesigns an einer Stelle. Was früher Stunden im Stylesheet gekostet hat, ist in Minuten erledigt.

Facelift

Alle Elemente.
Neu gestaltet.

Mehr Weißraum, klare Typografie, eine Formensprache über alle Elemente. Deine Websites sehen nach Premium aus – und lassen sich auch so verkaufen.

Drei Beispiele aus dem Facelift

Tablet- und Mobilmenü in Eclipse X 7
Tablet-Menü mit Glass-Effekt, Mobilmenü mit Sprachwechsel und Social-Icons.
Benefitbox in Eclipse X 7
Nummerierte Karten mit Icon, Häkchen-Liste und Hover-Akzent.
Swiper-Slider in Eclipse X 7
Bildkarten mit Icon, runde Pfeile, Pillen-Paginierung.

Neues Smartphone- und Tablet-Menü.

Neu gebaut nach dem Stand moderner Apps: große Menüpunkte, flüssige Animationen, Sprachwechsel oben, die aktive Seite markiert. Mobil wirkt die Website so hochwertig wie am Desktop.

9:41
Demo Seewald auf dem Smartphone mit geöffnetem Menü
ENDE
  • Home
  • Rooms
  • Spa
  • Cuisine
  • Book now

Glass-Effekt.

Für Sticky Header und Mobilmenü, stufenlos einstellbar.

Book now
Glass20

Farbverläufe.

Zwei Verläufe zentral festgelegt und in Theme-Designer und Inhaltselementen nutzbar. Einmal ändern, überall aktuell.

Gradient 1
Gradient 2

Text auf jedem Foto lesbar.

Bild-Overlays in deinen Markenfarben – für Hintergrundbild, Kopfbild, Wrap und Imagebox. Tauscht der Kunde später sein Foto, bleibt die Seite trotzdem lesbar und on brand.

Deckkraft55

FX-Motion Pack Neu

Webdesign,
das sich bewegt.

Stacking Cards, Aufziehen, Bild-Zoom: Scroll-Effekte, wie man sie von individuell programmierten High-End-Websites kennt. In Eclipse X wählst du sie mit einem Klick – kein Plugin, keine Bibliothek, keine Zeile Code.

Artikel › Stapeln

Stacking Cards.

Abschnitte legen sich beim Scrollen wie Karten übereinander. Du erlebst es gerade auf dieser Seite.

Scroll: Aufziehen

Aufziehen.

Inhalte öffnen sich wie ein Vorhang – im Takt der Scrollbewegung, nicht nach Stoppuhr.

Scroll: Bild-Zoom

Bild-Zoom.

Bilder gleiten beim Scrollen aus der Nahaufnahme in ihr Format. Die Ecken folgen deinem Corner Style.

Von der Stange
bekommst du das nicht.

Websites aus dem Baukasten bleiben statisch. Mit dem FX-Motion Pack verkaufst du Webdesign auf dem Niveau einer Premium-Agentur – und deine Kunden sehen den Unterschied in der ersten Sekunde.

Ein Klick statt Code

Die Effekte stecken in den Artikel- und Element-Optionen. Auswählen, speichern, fertig.

Schlank gebaut

Moderne CSS-Technik statt schwerer Animations-Bibliothek. Die Website bleibt schnell.

Barrierefreiheit mitgedacht

Die Effekte beachten die Systemeinstellung „Bewegung reduzieren“ – ein wichtiger Punkt für barrierearme Websites nach BFSG.

Buchungs- & Anfrageleiste Neu

Anfragen, die zum
Design passen.

Übernachtung, Tisch oder Event: eine Buchungs- und Anfrageleiste, die aussieht wie der Rest der Website. Sie übergibt Datum, Gäste und Wünsche an jede Buchungsmaschine – oder an dein eigenes Anfrageformular.

Kalender der Buchungs- und Anfrageleiste mit Anreise und Abreise
Eigener Kalender. Anreise und Abreise in einem Zug, die Nächte zählen mit, die Mindestdauer ist eingestellt. Zwei Monate auf einen Blick – per Maus, Touch oder Tastatur.
Gäste-Auswahl mit Erwachsenen, Kindern und Kinderalter
Gäste mit Kinderalter. Erwachsene und Kinder per Plus und Minus, das Alter je Kind – so, wie Buchungsmaschinen es erwarten.
Fixierte Leiste am Handy als Button am unteren Rand
Aufgeklappte Leiste am Handy
Immer zur Hand. Auf Wunsch unten am Browserrand fixiert. Am Handy ein schmaler Button, ein Tipp klappt die ganze Leiste auf.

Nicht nur fürs Hotel

Tisch, Event und mehr.

Die Felder stellst du frei zusammen: Datum, Uhrzeit im Raster, Personen, Gäste, Auswahl oder Text. Für Restaurants mit festen Zeiten wie 17:00, 17:30 …, für Events mit Von–Bis in Tagen, für Termine aller Art.

Restaurant-Leiste mit Datum, Uhrzeit und Personen
Restaurant: Datum, Uhrzeit, Personen
Leiste als Karte
Karte
Leiste in Akzentfarbe
Akzentfarbe
Leiste mit Farbverlauf
Farbverlauf

Sieht aus wie deine Website

Leiste, Karte oder kompakt – Farben, Schrift und Buttons kommen aus dem Theme-Designer. Kein fremdes Widget, das man erst umbiegen muss.

Mit jedem System

Parameter frei benennbar, Nächte statt Abreise, Kinderalter in vier Formaten, URL-Vorlage für Systeme mit Pfad- oder #-Links. Oder direkt ins eigene Contao-Formular.

In jeder Sprache

Alle Texte einstellbar, leer automatisch in der Seitensprache. Monate, Wochentage und Datumsformat folgen der Sprache der Seite.

Kein doppelter Kalender

Die Leiste sperrt keine Tage – ob ein Termin frei ist, entscheidet das Buchungssystem. Nichts muss doppelt gepflegt werden, kein Termin wird versehentlich blockiert.

Ohne fremde Skripte

Keine externen Skripte, keine Cookies. Die Daten gehen erst beim Klick an das Ziel.

Eingaben bleiben stehen

Steht die Leiste auf der Anfrageseite noch einmal, sind Datum und Gäste schon eingetragen. Der Gast muss nichts doppelt eingeben.

Frontend QuickEdit – komplett überarbeitet

Bearbeiten,
wo man es sieht.

QuickEdit ist neu gebaut: schlanker, schneller und frei auf der Seite platzierbar. Redakteure ändern Texte, Bilder, News und Slider direkt dort, wo sie sie sehen – ohne Backend-Schulung. Das spart Einweisungen und Supportanfragen.

HomeFeaturesServicesContact
Startseite · Slide 1 / 3 Get started
ElementtypTemplate-EinstellungenCSS-Animation
⇦ Zurück
⌄ Elementtyp
Überschrift

Bitte wählen Sie den Typ des Inhaltselements.

h2

Hier können Sie dem Inhaltselement eine Überschrift hinzufügen.

Nachbau von Frontend QuickEdit – klick auf die Überschrift, ändere den Text und speichere.

Jeder bearbeitet nur, was er darf.

QuickEdit folgt den Contao-Benutzerrechten. Texte pflegt der Kunde, das Layout bleibt bei dir.

Adminbearbeitet Layout und Inhalte
Redakteurbearbeitet nur Texte und News

Links, rechts oder frei.

Das QuickEdit-Fenster dockt links oder rechts an oder schwebt frei – dort, wo es beim Arbeiten nicht stört. Position und Zustand bleiben gespeichert.

Demo-Import

220 Demos.
Kein leeres Blatt.

Wähl die Demo, die zu deinem Kunden passt, und gib ihr sein Markendesign. So zeigst du ihm im ersten Termin keine Skizze, sondern seine Website.

SeewaldNeu
InstallierenVorschau
VeltraNeu
Anschauen
AxionNeu
InstallierenVorschau

Außerdem neu in Eclipse X 7

Bis ins Detail
weitergedacht.

Theme-Designer. Von Grund auf neu gedacht.

Neue Struktur, Dark Mode, Tooltips an jeder Einstellung und Querverweise zwischen den Bereichen. Du findest alles auf Anhieb – und bist mit dem Kundendesign schneller fertig als je zuvor.

Grafikelemente und SVG-Icons mitgeliefert.

Eigene Illustrationen, Hintergründe und Icons gehören zum Theme. Kein Zukauf, kein Stilbruch – farbige Icons und Grafiken übernehmen automatisch die Kundenfarbe.

Photoshop-Dateien in jedem Paket.

Zeig deinem Kunden zuerst den Entwurf, hol die Freigabe – und setz das Layout danach 1:1 in Contao um. Ohne Designer-Stunden, ohne Risiko.

Dazu viele neue Details: neue Designs für Preistabellen, Team, Portfolio, Testimonials und Newsletter · modernisierte Lightbox · Galerie mit wählbarem Bildabstand · Verbesserungen bei der Barrierefreiheit · QuickEdit mit Zoom

Eclipse X7
Deine Websites.
Auf dem nächsten Level.

Für neue Projekte und jede bestehende Eclipse-X-Website.

Bleib immer einen Klick voraus.
Exklusive Angebote & Updates zu Eclipse X direkt in dein Postfach.
Copyright 2026. Premium Contao Themes.
Video ansehenJetzt kaufen
You are using an outdated browser. The website may not be displayed correctly.