Avada 7.0 – Neues Design und viele neue Features
Welcome to Avada! So empfängt Dich der neue Übersichtsbereich des Avada Themes in der Version 7. Seit dem Update von der Version 6.2.3 auf die neue Version 7, haben die Entwickler einige Umstellungen und Neuerungen in dem Theme einfließen lassen. In diesem Beitrag zeige ich Dir den neuen Übersichtsbereich und die neuen Features der Avada Version 7.0.
Inhalt
Avada 7.0 – Das ist neu
Die Registrierung
Mit der Version 7 sind einige Dinge neu. So ist es jetzt zwingend notwendig, das Theme mit einem Token-Key via Envato zu registrieren. Die benötigten Plugins „Fusion Core“ und „Fusion Builder“ lassen sich sonst nicht aktivieren.
Der Avada Layout Builder
Nicht mehr ganz so neu ist der Avada Layout Builder – jedoch ist es jetzt möglich, auch einen komplett eigenen Header zu gestalten. Somit lässt sich nun das ganze Theme komplett selbst gestalten. Zur individuellen Bearbeitung stehen Dir jetzt also der Headerbereich, die Page Titel Bar, der Content (dynamisch) und der Footerbereich zur Verfügung.
Der Live Editor
Auch der Live Editor ist nicht neu, die wichtigste Neuerung ist allerdings, das unabhängige bearbeiten der responsiven Ansichten. Du kannst jetzt also im Live Editor die Ansicht auf Mobil umstellen und Deine Inhalte unabhängig von der Destop-Version neu zu arrangieren bzw. zu ändern. Im Fusion Builder ist diese Funktion natürlich auch möglich.
Das CSS Flexbox Modell
Ebenfalls wurde mit der Version zusätzlich das sog. CSS Flexbox Modell eingeführt. Mit dem Flexbox Modell kannst Du jetzt die Inhalte von Container und Spalten (Columns) beliebig in der horizontalen und vertikalen Achse zueinander ausrichten. Zusätzlich können Spalten mit eigenen Prozentwerten ausgestattet werden. Mehr zu dem neuen Flexbox Modell in der Dokumentation unter:
https://theme-fusion.com/documentation/avada/options/introducing-flexbox-for-containers-and-columns/
Neue Header Varianten
Neben den 7 Standard Header-Varianten in den Theme Options, sind nun 8 weitere Header Layouts hinzu gekommen. Diese neuen Varianten sind allerdings nur über den Theme Builder für den Header als Pre-Build Headers erreichbar.
Der Avada Slider
Der früher benannte Fusion Slider heißt jetzt Avada Slider. Auch hier hat sich das Layout zum anlegen von Slidern und Slides geändert. Alles ist jetzt in einem klaren Design und die responsiven Verhaltensweisen von Headlines lassen sich besser bearbeiten.
Sticky Container
Ebenfalls neu sind in der Avada 7.0 Version sind Sticky Container. Damit ist es möglich einen Container beim weiteren scrollen festzusetzen. Dies ist praktisch um z.B. CTAs mit besonderen Angeboten oder Kontakt Buttons festzusetzen und auch die Position für den Container zu bestimmen.
Lotti Animation Element
Mit dem open source Datenformat Lotti lassen sich Animationen und Effekte aus Adobe After Effects erstellen. Mit dem Avada Element Lotti können nun diese Animationen importiert und angepasst werden. Somit lassen sich z.B. animierte Icons oder Grafiken realisieren.
Bereits fertige Lotti Animationen kannst Du über das Portal lottifiles.com herunterladen. Dort ist auch ein Plugin für Adobe After Effects zu finden, mit dem Du in After Effects eigene Animationen exportieren kannst.
Kostenlose Lottifiles Animationen auf lottifiles.com
Der Übersichtsbereich im neuen Design
Der Avada Übersichtsbereich hat eine neues Design. Aufgeteilt in 2 Navigationsebenen, finden sich nun in der ersten Ebene die Punkte Optionen, Websites und Maintenance. In der zweiten Ebene findest Du die Punkte Layouts, Icons, Library und Sliders.
Optionen
Unter Optionen gelangst Du zu den bekannten Theme Options und zu dem Bereich Builder Options.
Websites
Mit einem klick auf Websites gelangst Du zu den Avada Demos. Hier kannst Du Dir die Demos des Avada Themes in einer Preview anschauen und importieren.
Maintenance
Unter dem Bereich Maintenance gelangst Du zu dem Avada Patcher.
Des weiteren sind die Unterpunkte Plugins & Addons, Änderungen (changelog), Support und Status (Systemstatus) erreichbar.
Layouts
Über den Punkt Layouts gelangst Du zum Theme Builder Bereich. Der Unterpunkt Layout Section Builder listet Dir alle bereits erstellten Layouts in einer Übersicht auf.
Icons
Unter dem Bereich Icons kannst Du eigene Icon-Sets erstellen.
Library
Mit einem klick auf Library gelangst Du zu den gespeicherten Vorlagen für Container, Spalten (Columns), Elemente und Globale Elemente.
Sliders
Wie schon oben erwähnt, heißt der ehemalige „Fusion Slider“ jetzt Avada Slider. Hier siehst Du die gespeicherten Slider und kannst auch neue Slider hinzufügen. Der Unterpunkt Slides führt dich zu Übersicht der angelegten Slides und unter Export / Imp0ort Sliders kannst Du Slider ex- und importieren. Vorhanden Slider aus früheren Versionen des Themes werden übernommen.
Hallo Herr Fiedler,
vielleicht können Sie mir auch eine Frage beantworten. Ich arbete noch nicht lange mit diesem Theme, finde es aber wirklich klasse.
Ich möchte nur gern, dass mein Logo etwas versetzt nach unten über dem Headerbereich sitzt. Ich habe versucht das mit einem Hintergrundbild png, halb weiß /halb transparent, zu lösen. Nur hat der Header von sich aus schon eine weiße Farbe und sobald ich die auf transparent stelle, ist auch mein Hintergrundbild weg. Kennen Sie eine Möglichkeit das umzusetzten?
Ich würde mich über eine Antwort dazu freuen.
VG
Hallo,
um das Logo zu versetzen, müssen Sie dies via CSS mit einer margin-top + z-index Extra-Anweisung lösen. Das Logo ist fester Bestandteil des Header-Bereichs inkl. Navigation. Die Einstellungen für das Logo lassen zwar Abstände nach oben, unten, links und rechts zu, jedoch verschiebt sich das Logo damit nicht über den nachfolgenden Inhalt.
Hallo, ich habe eine WordPress Webseite mit Arvada für unser kleines Unternehmen gestaltet. So weit so gut, alles im grünen Bereich.
Allerdings jetzt zum Ende habe ich ein kleines Problem, das ich nicht elegant selber lösen kann.
Also ganz langsam von vorne.
Ich habe auf meiner Seite einen Slider (Smartslider 3), der dynamisch aus den Beiträgen einen Produktvorstellung mit Text und Bild erstellt.
Schritt 2. In den Beiträgen sind einzelne Beiträge mit Text und Bild.
Die Beiträge sind für Google freigegeben, sodass Kunden die Beiträge abrufen und ansehen können.
Das ganze, die Beiträge, laufen über den Avada Layout Builder. Soweit so gut.
Jetzt kommt das Problem: im Layout Seitenbuilder ist wiederum der Smartslider, der das Slide anzeigen soll, das zum Beitrag passt. Dazu bräuchte ich allerdings eine Variable, die über den aufgerufenen Post vor dem Smartslider in den Builder bzw. das Builder Element geladen wird.
Klar, es ging auch weniger elegant: Zu jedem Beitrag eine eigene Vorlage…
Hätten Sie eine Idee? Klar nicht umsonst, sondern gegen Bezahlung.
Mit freundlichen Grüßen
Thomas Hodapp
Im Auftrag für Schoblocher Ultraschall
Hallo,
Da sist eine tolle Übersicht über dieses großartige Theme! War sehr hilfreich – vielen Dank!
Ich hänge leider bei einer Sache, vielleicht haben Sie eine Erklärug dafür. Es war mir bisher unmöglich die Meta Tags meiner Blogbeiträge zu übersetzen („By“ [Autor}, „Categories:“, „Read more“, „Comments“). Ich benutze Loco Translate und habe meiner Meinung nach im Avada Theme auch die entsprechenden Begriffe übersetzt aber sie sind nach wie vor auf Englisch. Bin leider mit meinem Latein am Ende. Vielleicht haben SIe einen Rat? Besten Dank & Lg
Hallo Florian,
die englischen Strings „Read more“ etc. müssten in den Avada Plugin-Folder „Fusion Core“ zu finden sein. Hast Du in Loco Translate den Plugin Folder „Fusion Core“ durchsucht und geändert?
In Loco Translate gibt auch ein Sync-Button um die Sprachdateien neu zu synchronisieren.
Ansonsten nutze ich für die Übersetzungen das Programm PoEdit. Damit kannst Du die Sprachdateien (fusion-core-de_DE.po) lokal aufrufen, editieren und anschließend per FTP in das entsprechende Languages-Verzeichnis auf den Server hochladen. Hier noch einmal der Link von Theme Fusion bezüglich Übersetzungen: https://theme-fusion.com/documentation/avada/translations/translating-theme/.
Hallo! Sehr hilfreich, danke!
Wäre super wenn Du mir bei meiner Frage helfen würdest:
Nach dem Update finde ich nicht mehr, wie man den alten Fusion Builder verwenden kann. Ich möchte die bestehende Seite etwas anpassen. Mir wird aber nur Avada Live als Werkzeug angezeigt. Ich will es aber nicht, möchte wie gewönnt mit dem alten guten Fusion Builder arbeiten. Wie macht man das???
Hallo Eugen,
die Plugins-Fusion Core + Fusion Builder auch aktualisiert nach dem Update? Token-Key korrekt? Lösche ggf. einmal den Fusion Cache unter Optionen->Performance – weiter unten. Wenn Du auf der Seiten-Übersicht auf „Bearbeiten“ einer Seite gehst, sollte sich eigentlich der klassische Fusion Builder aufzeigen.