Hallo, dieser Abschnitt teilt ein relativ einfaches und großzügig gestaltetes Thema: Elessi.

Natürlich können Sie diesen Namen so nennen, wie Sie möchten, denn es ist der Name, den Sie selbst erstellt haben. Es ist auf Themeforest und sein Verkaufsvolumen ist im Vergleich zu nicht besonders hoch Avada oder Flach Bei einem Jahresumsatz von mehreren hundert Millionen verblasst das im Vergleich. Dieses Theme wurde jedoch neu entwickelt. Wir können seine Beschreibung sehen. Es ist für WooCommerce. Ajax ist eine dynamische Lademethode ohne Aktualisierung, daher ist seine Geschwindigkeit relativ hoch.

1 Einführung in das Elessi-Thema

Darüber hinaus ist auch die Reaktionsgeschwindigkeit sehr flüssig und das Erlebnis sehr hoch.

Das folgende RTL unterstützt die Sortierung von rechts nach links. Es ist hauptsächlich auf die Länder des Nahen Ostens und einige ihrer Lesegewohnheiten ausgerichtet. Außerdem sehen wir, dass seine Bewertung sehr hoch ist. Dies ist nicht das Wichtigste. Wir müssen nur ein wenig verstehen. Und hier gehen wir hauptsächlich auf die offizielle Website, um seine Eigenschaften zu verstehen, denn jetzt ist eine Ära der Erscheinungsbildkontrolle, nicht nur unabhängige Websites, sondern auch alle anderen Inhalte, einschließlich der Frage, ob Sie Autos oder Mobiltelefone bauen. Wenn Sie etwas gut aussehendes machen, wird es im Grunde von vielen Menschen geliebt.

Das Gleiche gilt, wenn wir unabhängige Websites erstellen. Sie müssen dafür sorgen, dass Ihre Website zunächst sehr gut aussieht. Wenn wir also Themen auswählen, müssen wir einige Themen auswählen, die relativ auffällig aussehen. Das ist das Wichtigste.

Einführung in das Elessi-Thema:

Nachdem wir die offizielle Website aufgerufen haben, können wir sehen, dass sie als Erstes über 40 Anzeigeeffekte für die Homepage, über 100 Module, 9 Verbrauchsseiten, 12 Produktdetailseiten usw. bietet.

2 Elessi-Theme-Funktionen

Funktionsmodul des Elessi-Theme-Stores:

Schauen wir uns das nacheinander an. Als Nächstes werfen wir einen Blick auf einige der Kerninhalte. Der Inhalt hier ist eine Ein-Klick-Integration einiger Dinge, die auf unserer Toc-Site häufig verwendet werden, wie z. B. ein Countdown, insbesondere wenn wir Aktivitäten durchführen. oder wenn wir Vorverkäufe durchführen, werden wir einen Countdown-Effekt haben und den Benutzern dann ein Gefühl der Dringlichkeit vermitteln und sie dadurch ermutigen, schnell Bestellungen aufzugeben.

3 Elessi Theme Toc Store Modul

Das zweite ist eine Erinnerung an den kostenlosen Versand. Wenn wir beispielsweise kostenlosen Versand für $100 anbieten, können Sie ihm mitteilen, wie viel Geld Sie nach dem Kauf des Produkts übrig haben, um den kostenlosen Versand zu erhalten. Zu diesem Zeitpunkt können Sie ihm Produkte empfehlen. Im dritten sehen wir dann das Mehrfachkauf-Rabattmodul. Wir haben zuvor ein Thema mit Ihnen geteilt, das auch eine solche Funktion hat, aber diese Funktion erfordert die Installation einiger Plug-Ins.

Das nächste sind die gefälschten Benutzeransichten und das andere ist das gefälschte Popup-Fenster für den Kauf, einschließlich gemeinsamer Käufe sowie unserer Verkaufsmenge und des Ankunftsdatums. Dieses hier wird mit kostenlosem Versand geliefert und das andere ist das integrierte „Jetzt kaufen“. Schneller Kauf.

Und dann gibt es noch ein schwebendes Einkaufsfenster auf der Detailseite. Wir werden es Ihnen später zeigen, einschließlich des gemeinsamen Einkaufs. Diese Module werden verwendet, wenn wir Toc-Sites erstellen, wenn wir Marketing betreiben und wenn wir Operationen durchführen. Es ist notwendig, sie zu verwenden, weil sie die Konversionsrate unseres gesamten Geschäfts verbessern können. Daher werden diese Module mit einem Klick in dieses Thema integriert, und dann werden wir weiter nach unten schauen.

Stil der Elessi-Themenvorlage:

Unten sehen Sie die Demo. Es bietet viele Vorlagenstile und jede Vorlage unterstützt zweiseitige Builder. Es kann beispielsweise mit Baikerui und unserem Favoriten gepaart werden Elementor. Hier verwenden wir direkt die Vorschauseite von Elementor, warten, bis sie geöffnet wird, und können dann weiterlesen.

4 Elessi-Theme-Vorlagendaten

Elessi Produktfilterfunktion:

Das Folgende ist für einen seiner Shops. Wir können beispielsweise sehen, dass hier eine angeheftete Nachricht sowie die Anzeigemethode der Bildersammlung unserer Bilder vorhanden sind. Es hat eine Scroll-Anzeige und dann gibt es auf der linken Seite unsere Kopf-Seitenleiste. Wir können diesen Filter auch in unsere Kopfzeile einfügen, einschließlich unserer oberen Seitenleiste. Dann wird er geladen, wenn Sie darauf klicken, da er Ajax verwendet. Daher wird diese Lademethode nicht aktualisiert. Außerdem wird auf der linken Seite eine Seitenleiste angezeigt. Dies sind seine einzigartigen Funktionen. Wir können mehr darüber erfahren und dann weiter nach unten schauen. Natürlich werden unten einige seiner Produkte angezeigt. Die Anzeige ist sehr übersichtlich und sehr schön.

5 Elessi-Theme-Produktfiltermodul

Einkaufserlebnis zum Thema Elessi:

Dann werfen wir einen Blick auf die Kaufabwicklung. Zuvor haben wir Ihnen ein Plug-in zur Optimierung des Einkaufsprozesses im Xue E-Commerce Network vorgestellt, genannt KasseWC dann bringt dieses Design eine solche Funktion direkt mit und optimiert sie direkt, sodass Sie keine Plug-Ins installieren müssen.

6 Integrationsmodul für die Elessi-Thema-Kaufabwicklung

Darüber hinaus können wir auch einen Blick auf andere Produkte werfen. Der gesamte Kaufprozess stellt ebenfalls eine sehr hohe Benutzererfahrung dar.

Ausgewählte Module des Elessi-Themas:

Ein weiteres Merkmal sind seine Funktionen. Beispielsweise sehen wir eine seitlich angezeigte Einkaufsleiste, eine Popup-Einkaufsleiste und eine Wunschliste, die einen Sammlungsstrukturvergleich, eine Schnellvorschau usw. bietet. Diese Funktionen sind für uns notwendig.

7 Ausgewähltes Modul des Elessi Theme Store

Elessi Theme Handy-Anpassung:

Nachfolgend finden Sie die Anpassung seines Mobiltelefons. Die Erfahrung mit seinem Mobiltelefon ist sehr gut.

8 Elessi-Theme-Mobileffekte

Wir können sehen, dass dies für den Shop gefiltert wird, dann für unsere Produktseite mit einzelnen Produkten und für unsere Hinzufügung zum Einkaufswagen, und wir können das Hinzufügen von Kommentaren usw. sehen. Die Effekte dieser Module sehen alle sehr gut aus.

Demo im Elessi-Themenstil:

Wir können die Demo-Site öffnen und den Stil der gesamten Site sehen. Da es mit Elementor kompatibel ist, können Sie natürlich die gesamte Seite rekonstruieren.

8 Elessi-Theme-Demostil

Elessi Thema Produktdetails Wirkung:

Was wir jetzt öffnen, sind nur einige der offiziell bereitgestellten Vorlagen. Wir sehen, dass die Gesamtwirkung dieser Produkte sehr einfach und stimmungsvoll ist, und dann öffnen wir ein Produkt.

9 Elessi-Theme – Produktdetailseiteneffekt

Nach dem Öffnen können wir die Wirkung sehen, zum Beispiel, wie viel es kostet, eins zu kaufen, und wie viel es kostet, zwei zu kaufen. Das dient alles der Werbung. Dann sehen wir, dass es mit einer Variante der Anzeigemethode kommt, mit Bildern oder unseren eigenen Farben zur Anzeige, einschließlich der Beschreibung, was auch sehr schön ist.

Dann gibt es links ein Filtermodul, das ebenfalls über Ajax-Effekte verfügt, sodass ein dynamischer Effekt entsteht, der bei der Anzeige sehr schön aussieht. Es handelt sich also um ein solches Thema. Unten sehen wir dann ein schwebendes Fenster, in dem ein Einkaufswagen hinzugefügt werden kann. Dies ist ein sehr ansprechendes Thema.

Natürlich können wir uns auch die Kernmodule ansehen. Für diese Module können Sie es zunächst als Portal-Mall einrichten. Wenn Sie viele Kategorien haben, können Sie diese schwebende Kategorie verwenden, um sie hinzuzufügen.

11 Kernmodule des Elessi-Themas

Darüber hinaus verfügt es über einen Ajax-Sucheffekt. Bei der Ajax-Suche ist kein Klicken zur Bestätigung erforderlich. Sie müssen nur Text eingeben und wenn es passenden Inhalt gibt, wird dieser automatisch angezeigt. Diese Art der Suche ist effizienter und benutzerfreundlicher. Sie wird auch besser sein.

Und außerdem können Sie den Designstil mit einem Klick importieren. Im Folgenden finden Sie eine Anzeige der Varianten, einschließlich des Vergrößerungseffekts von Bildern und vieler Funktionen. Weitere Informationen finden Sie auf der offiziellen Website.

Wir hören auf zu reden und zeigen Ihnen einfach, wie Sie dieses Design installieren.

Demo zur Installation des Elessi-Themas:

Nun, wir haben dieses Thema für Sie vorbereitet. Es ist derzeit Version 6.0, und wir haben Ihnen auch ein chinesisches Paket zur Verfügung gestellt. Hier haben wir also eine reine WordPress-Site vorbereitet, auf der WooCommerce installiert ist. Dann klicken wir, um das Thema zu installieren, dann klicken wir, um ein neues Thema hinzuzufügen, um die von uns vorbereitete Themendatei hochzuladen, und klicken, um die Installation zu öffnen.

Wenn das Design erfolgreich installiert wurde, aktivieren wir es direkt. Nach der Aktivierung sehen wir zunächst eine Erinnerung. Es müssen einige Kern-Plug-Ins installiert werden. Klicken Sie daher, um die Plug-In-Installationsoberfläche aufzurufen. Dies ist eine Funktion, die alle Designs haben.

12 Elessi Theme Aktivierung erforderlich Plugins e1713422855956

Wir sehen, dass das erste, was es installiert, die Kernkomponente des Themas ist, das zweite ist ein Formular und das dritte ist das, was wir importiert haben, wenn Sie Elementor, dann installieren Sie Elementor, wenn Sie verwenden WPbakery Sie installieren einfach WPbakery, installieren Sie einfach eines dieser beiden.

13 Elessi Theme Plugin Installationsliste e1713422990518

Das andere ist die Folie Slider Revolution, und dann können wir hier den Aufbau des Kopfes und des Bodens eines Elementors sehen. Hier installieren wir zuerst Elementor, und dann installiert Baikerui es nicht zuerst, sondern installiert zuerst diese Plug-Ins dafür. Wenn Sie zu diesem Zeitpunkt an die Verwendung von Baikerui gewöhnt sind, müssen Sie Elementor natürlich nicht installieren. Nur diese beiden sind Duplikate.

Nachdem das Plug-In erfolgreich installiert wurde, kehren wir zu diesem erforderlichen Plug-In zurück. Wir müssen es aktivieren und aktivieren. Jetzt wurden alle erforderlichen Plug-Ins installiert und dann gelangen wir zur Designeinstellungsoberfläche.

14 Elessi-Design-Einstellungsschnittstelle e1713423086837

Nachdem wir die Einstellungen eingegeben haben, können wir sehen, dass hier einige der Grundeinstellungen sind. Wir werden sie Ihnen hier nicht erklären, da wir die Einstellungen hier in späteren Kursen erklären werden und dann den nächsten Schritt ausführen. Der Vorgang besteht darin, die Daten direkt zu importieren, was auch ein notwendiger Prozess ist, damit wir Geschäftsthemen verwenden können.

Natürlich werden wir später auf diese Funktionen auf der linken Seite eingehen. Hier sehen wir, dass es einen Themenassistenten gibt. Klicken Sie, um ihn zu öffnen.

15 Elessi Theme Datenimport-Assistent

Aber er verlangt trotzdem von uns, WPbakery zu installieren, weil er nicht feststellen kann, ob Sie Elementor oder WPbakery verwenden. Deshalb müssen wir dieses Plug-In trotzdem installieren und dann auf „Weiter“ klicken. Hier können wir sehen, dass es in WPbakery und Elemento unterteilt ist. Wir sind es gewohnt, Elemento zu verwenden. Sie verwenden einfach Elemento, wählen dann einen Stil aus und importieren ihn. Zum Beispiel wählen wir den ersten Stil aus.

16 Elessi Theme-Vorlagenstil-Import

Dies ist der Effekt, den wir in der Vorschau anzeigen. Anschließend können Sie die Daten direkt hier importieren. Natürlich können Sie auch alle Homepages importieren und dann die Auswahl treffen. Dies ist nicht erforderlich, da wir nur eine importieren können. Wir importieren nur die erste und klicken dann auf „Import starten“.

17 Fortschritt beim Importieren von Daten aus Elessi-Theme-Vorlagen

Er hilft uns nun, das Unterthema und die erforderlichen Plug-Ins zu installieren. Dieses Plug-In wird nicht benötigt, da wir uns für Elementor entschieden haben. Jetzt hilft er uns, alle Daten sowie unsere Module und Homepage zu importieren, einschließlich unserer Folien usw. Warten wir ein wenig.

Nach einer Weile sehen wir, dass alle Daten erfolgreich importiert wurden. Jetzt gehen wir zurück zu unserer Homepage, um sie zu aktualisieren, und wir können sehen, dass der gesamte Vorlagenstil importiert wurde.

18 Elessi Theme Template Import Erfolgreich Demo e1713423169934

Wir haben gerade diese Demo-Site gesehen, aber die Bilder derselben Produkte verwenden alle Platzhalter, sodass Sie diese Bilder nach Ihren eigenen Wünschen ändern können. Anschließend öffnen wir die gesamte Rahmenseite eines Produkts, einschließlich dessen Inhalt, der erfolgreich importiert wurde.

Kehren wir zur Importoberfläche zurück. Wir sehen, dass wir hier einige Einstellungen für unsere kostenlose Tür und WooCommerce-Tools vornehmen können, und dann können wir auch zu unseren Designeinstellungen zurückkehren. Hier geht es um die Installation und Daten des Elessi-Designs. Importieren, dann erklären wir Ihnen in der nächsten Lektion die Einstellungen dieses Designs und wie Sie es verwenden.