Divi Matcha Shop Child Theme Übersicht

Das untergeordnete Thema Divi Matcha Shop ist ein minimalistisches Thema, mit dem Sie sich auf den Verkauf Ihrer Produkte konzentrieren können. Es enthält WooCommerce-Seiten, die so gestaltet sind, dass sie dem untergeordneten Thema entsprechen. Es fügt auch vereinfachte Seiten wie einen Blog, Kontakt und mehr hinzu. In diesem Artikel schauen wir uns das Divi Matcha Shop Child Theme an, um Ihnen bei der Entscheidung zu helfen, ob es die richtige Wahl für Ihre Bedürfnisse ist.

Installieren des Divi Matcha Shop Child Themes

Alle Installation und Einrichtung sind manuell. Das ist zum Glück nicht schwer. Jeder mit Divi-Erfahrung wird keine Probleme haben. Die Einrichtung war einfach und dauerte nur wenige Minuten. Die Informationen sind auf der Verkaufsseite enthalten.

Laden Sie zunächst mit aktiviertem Divi das Child-Theme hoch und aktivieren Sie es wie jedes andere WordPress-Theme. Zweitens aktivieren Sie das Child-Theme. Das Child-Theme fügt das CSS-Stylesheet hinzu. Es kommt mit den Dateien für die Theme-Optionen, Customizer-Einstellungen und Layouts. Die Dateien werden nach ihrem Verwendungszweck benannt.

Eine zusätzliche ZIP-Datei ist im Lieferumfang der zu importierenden Dateien enthalten. Es enthält auch Layouts zum Hochladen in die Divi-Bibliothek. Drittens müssen Sie die Seiten jetzt, da Ihr untergeordnetes Thema aktiviert ist, manuell erstellen. Schließlich müssen Sie auch das Menü erstellen und die standardmäßigen Seitenleisten- und Fußzeilen-Widgets entfernen. In diesem Beispiel importiere ich die Designoptionen im Divi-Designoptionen-Bildschirm.

Alle Layouts werden mit einem Klick hochgeladen. Hier sind die Grundrisse. Es hat Designs für 6 Seiten. Sie müssen die Seiten mit den Layouts erstellen und dann Ihr Menü erstellen. Ihre Website sieht dann wie die Demo des Divi Matcha Shop-Kindthemas aus. Sie müssen nur Ihre Inhalte hinzufügen.

Divi Matcha Shop Kinder-Themenseiten

Die Demoseite enthält Bilder und Symbole. Aus rechtlichen Gründen sind die Bilder und Icons nicht in den Layoutdateien enthalten (was verständlich ist). Aus diesem Grund verwende ich Bilder aus der Demo (sie sehen einfach besser aus und geben eine bessere Vorstellung davon, wie das Child-Theme verwendet wird). Dies ist üblich, aber ich wollte es erwähnen, damit Sie wissen, warum Ihre Website anders aussieht als die in diesem Artikel.

Divi Matcha Shop Child Theme-Startseite

Die Homepage enthält viele Textbausteine, Bilder, Schaltflächen, Zahlenzähler, ein Videomodul und ein Kontaktformular. Hier ist die Drahtmodellansicht. Werfen wir einen Blick auf jeden Abschnitt im Frontend.

Die Startseite zeigt einen Hintergrund in voller Breite mit extragroßem Text an, der beim Laden der Seite rotiert. Ein Bild überlappt diesen und den nächsten Abschnitt. Es wird beim Laden der Seite an die richtige Stelle gezoomt. Mir gefällt, wie auf der gesamten Homepage das Produkt im Mittelpunkt steht.

Der zweite Abschnitt zeigt einen Hintergrund in voller Breite mit Informationen, die als Klappentexte funktionieren. Sie enthalten Bilder (oder Symbole) mit einem Titel, einer Beschreibung und einem Link, um mehr über jedes einzelne zu erfahren. Diese geben Auskunft über das Produkt. Bilder werden von beiden Seiten des Bildschirms in Position geschoben.

Der nächste Abschnitt bietet Platz für ein eingebettetes Video. Das Video überlappt zwei Abschnitte. Ein Testimonial Erscheint unter dem Video. Der farbige Hintergrund und die Grafiken für das Testimonial sind nicht enthalten, aber sie geben eine gute Vorstellung davon, wie das Testimonial verwendet werden kann.

Ein CTA in voller Breite wird über einem Parallaxenhintergrund angezeigt. Zahlenzähler geben Auskunft. Der Text für den CTA schiebt sich nach oben und die Zahlenzähler zählen, während Sie zu diesem Abschnitt scrollen.

Die Fußzeile zeigt ein gestyltes Newsletter-Anmeldeformular in voller Breite, gefolgt von einem Abschnitt für Logos. Diese eignen sich hervorragend für Kunden, Zertifizierungen, Marken, mit denen Sie verbunden sind oder die Sie anbieten usw. Das Bild neben dem Kontaktformular wird beim Scrollen zu diesem Abschnitt verschoben.

Über Seite

Die Seite „Info“ zeigt einen Titelabschnitt mit einem Parallaxenhintergrund an. Es verwendet auch die Produktinformationen und das Logo der Homepage. Dieses Layout kann verwendet werden, um für jedes Produkt eine Seite zu erstellen, wenn Sie mehr als eine bereitstellen.

Vorteile Seite

Auf der Seite Vorteile werden die Vorteile des Produkts im Video- und Testimonial-Bereich der Homepage angezeigt. Das Video überlappt den Parallax-Helden-Abschnitt. Dieses Layout kann verwendet werden, um für jedes Produkt eine Seite zu erstellen. Sie können auch mehrere Abschnitte erstellen, um sich auf jeden Vorteil zu konzentrieren.

Blog-Seite

Die Blog-Seite hat ein klares Design, das Blog-Posts in 3 Spalten anzeigt. Die Karten enthalten Rahmen, Bilder oben, einen Titel, ein Meta, einen Auszug und einen gestalteten Link, um mehr zu erfahren. Es enthält auch den Parallax-Titelabschnitt und Logos für die Fußzeile.

Shop-Seite

Die Shop-Seite fügt ein Shop-Modul mit 4 Spalten hinzu. Titel und Fußzeile sind ebenfalls auf dieser Seite enthalten. Wenn Sie mit der Maus über ein Produktbild fahren, wird ein grünes Symbol angezeigt.

Produktseite

Die Produktseite folgt dem Standard-WooCommerce-Layout und enthält ein Styling, das der Site entspricht. Es enthält grünes Design für den Preis, die Schaltfläche zum Hinzufügen zum Warenkorb, die Kategorie, Sternebewertungen im Abschnitt "Bewertungen" und das Hover-Symbol für die zugehörigen Produkte.

Der Warenkorb und andere WooCommerce-Seiten enthalten auch grünes Styling. Dieses Beispiel zeigt den Warenkorb mit dem Produktnamen, der Coupon-Schaltfläche und der Checkout-Schaltfläche in Grün.

Kontaktseite

Die Kontaktseite enthält auch die Kopf- und Fußzeile und fügt ein gestaltetes Kontaktformular über einem Hintergrundbild hinzu.

Divi Matcha Shop Child Theme CSS

Das gesamte Styling wird dem Stylesheet des Child-Themes hinzugefügt. Wenn Sie mit CSS vertraut sind, können Sie die Farben im Stylesheet leicht anpassen. Glücklicherweise müssen Sie nicht in die Themendateien eintauchen, um die CSS-Änderungen vorzunehmen.

Das CSS wird auch zu den Divi-Theme-Optionen hinzugefügt. Alternativ können Sie die Änderungen auch hier in der Theme-Option vornehmen. Dies verhindert, dass Sie die Dateien des Child-Themes ändern müssen. Hier hinzugefügtes CSS hat Vorrang vor dem Stylesheet hinzugefügtem CSS.

Wo kaufen

Das Child-Theme Divi Matcha Shop ist im Divi Marketplace für 29 US-Dollar erhältlich. Es beinhaltet unbegrenzte Nutzung und ein Jahr Support und Updates.

Gedanken beenden

Das ist unser Blick auf das Divi Matcha Shop Child Theme von Paper Temple. Dies ist ein einfaches Child-Theme, das sauber und elegant aussieht. Die Einfachheit ist eine großartige Möglichkeit, sich auf die Produkte zu konzentrieren. Das Design der Homepage gefällt mir besonders gut. Die Vorteilsseite ist eine großartige Möglichkeit, Produktinformationen mit Videos bereitzustellen. Die Seite "Info" verwendet Karten im Klappenstil, um dem Käufer zu helfen, mehr über die Produkte und Prozesse zu erfahren. Zusammenfassend lässt sich sagen, dass Divi Matcha Shop einen Blick wert ist, wenn Sie nach einem eCommerce Divi Child Theme suchen, das einfach und benutzerfreundlich ist.

Wir wollen von dir hören. Hast du das Divi Matcha Shop Child-Theme ausprobiert? Lassen Sie uns in den Kommentaren wissen, was Sie davon halten.

Ausgewähltes Bild über Letters-Shmetters / shutterstock.com