So erstellen Sie einen benutzerdefinierten WooCommerce-Shop mit OceanWP und Toolset (keine Codierung)
Veröffentlicht: 2021-05-05Sie brauchen keine benutzerdefinierte Programmierung, um einen auffälligen Online-Shop mit erweiterten Funktionen zu erstellen . Mit Toolset und OceanWP können Sie völlig benutzerdefinierte Produkt- und Shop-Seiten von Grund auf mit Ihrer eigenen einzigartigen Funktionalität und Ihrem eigenen Stil erstellen – alles ohne Codierung erforderlich.
Wenn Sie einen Online-Shop aufbauen, haben Sie vielleicht bemerkt, dass die Standardvorlagen von WooCommerce und das Thema Ihrer Website in erster Linie darüber entscheiden, wie Ihr Shop aussehen wird. Möglicherweise haben Sie einige Optionen, die Sie ein- oder ausschalten können. Andernfalls ist das Hinzufügen erweiterter Funktionen ohne benutzerdefinierte Programmierung einfach nicht möglich.
Oder Sie können einen vollständig benutzerdefinierten WooCommerce-Shop mit Toolset und OceanWP ohne Codierung erstellen.
Mit Toolset können Sie Funktionen erstellen, die Sie nur auf großen Einzelhandelsseiten sehen. Oder Sie können sich sogar Ihre eigenen Funktionen ausdenken und sie dann mit benutzerdefinierten Beitragstypen und -feldern, Beitragsbeziehungen, benutzerdefinierten Layouts und mehr erstellen.
OceanWP lässt Ihre Website dank seiner umfangreichen Styling-Optionen großartig aussehen. Außerdem verfügt es über ein intuitives Admin-Bearbeitungserlebnis, das Ihnen genau zeigt, wie Ihre Website am Frontend aussehen wird.
Hier sind vier Schritte, um Ihren Online-Shop mit Toolset und OceanWP anzupassen:
- Entscheiden Sie, was Sie anzeigen und bewerben möchten
- Definieren Sie Ihre Produkte mit benutzerdefinierten Beitragstypen, Feldern und Taxonomien
- Erstellen Sie benutzerdefinierte Produktseiten
- Erstellen Sie dynamische Shop-Seiten und Suchfunktionen
Entscheiden Sie, was Sie anzeigen und bewerben möchten
Die flexiblen Funktionen von Toolset können mehr als nur Ihre Produktseiten neu anordnen und gestalten. Sie können vollständig benutzerdefinierte Funktionen erstellen, die speziell für Ihr Unternehmen gelten, oder erweiterte Funktionen von großen Einzelhandelsseiten verwenden.








Dies sind Funktionen, die Sie von WooCommerce allein niemals erhalten könnten, und sie kratzen nur an der Oberfläche dessen, was mit Toolset möglich ist. Das Beste daran ist, dass dies alles ohne Codierung möglich ist!
Definieren Sie Ihre Produkte mit benutzerdefinierten Beitragstypen, Feldern und Taxonomien
Sobald Sie Ihre Ideen im Kopf haben, können Sie eine unbegrenzte Anzahl von benutzerdefinierten Beitragstypen, Feldern, Taxonomien und Beitragsbeziehungen erstellen, um Ihre Ideen Wirklichkeit werden zu lassen.
WooCommerce bietet Ihnen einige grundlegende Felder zum Definieren Ihrer Produkte wie Produktattribute, Beschreibungen, Preise und Versandinformationen wie Gewicht und Abmessungen.
Mit Toolset können Sie weitere Informationen wie bestimmte Produktmerkmale oder Marken hinzufügen oder angeben, zu welcher Abteilung ein Produkt gehört.

Nicht alle Themen funktionieren gut mit benutzerdefinierten Beitragstypen, aber OceanWP ist „benutzerdefinierte Typen bereit“. Mit OceanWP können Sie auf jede Inhaltsvorlage unterschiedliche Themeneinstellungen anwenden. Dadurch haben Sie eine größere Kontrolle darüber, wie diese benutzerdefinierten Inhalte auf Ihrer Website angezeigt werden.
Erstellen Sie benutzerdefinierte Produktseiten
Wenn Ihre Produkte definiert sind, können Sie vollständig benutzerdefinierte Vorlagen erstellen, um Ihre Produkte und die Informationen aus Ihren benutzerdefinierten Feldern anzuzeigen. Durch die Verwendung von Produktvorlagen müssen Sie Ihre Seite nur einmal erstellen, und alle Änderungen, die Sie vornehmen, werden sofort auf alle Ihre Produkte übertragen, die diese Vorlage verwenden.
Mit Toolset können Sie Ihre Produktvorlagen mithilfe der WooCommerce-Blöcke von Toolset komplett von Grund auf neu erstellen.


Weisen Sie einfach die Vorlage oder das Archiv Ihren Produkten zu und fügen Sie die gewünschten Blöcke hinzu, z. B. Produktbewertungen, Produktregisterkarten, Produktattribute, eine Schaltfläche zum Hinzufügen zum Warenkorb und mehr.

Die Blöcke können die Informationen aus Ihren benutzerdefinierten Feldern dynamisch abrufen. Das bedeutet, wenn Sie einen Kopfzeilenblock hinzufügen, um beispielsweise den Produktnamen anzuzeigen, wird automatisch der korrekte Produktname entsprechend dem Produkt angezeigt, das Ihr Kunde ansieht.

Sie können Vorlagen auch bedingt zuweisen, um nach bestimmten Produktkriterien unterschiedliche Vorlagen zu verwenden. Beispielsweise können Sie eine bedingte Vorlage verwenden, um nicht vorrätige Artikel in einem anderen Layout anzuzeigen.


OceanWP bietet Ihnen eine Vielzahl von Optionen zum Gestalten dieser Vorlagen. Da es für den Posttyp bereit ist, können Sie verschiedene Themenoptionen für verschiedene Vorlagen auswählen. Beispielsweise können Sie für einige Produkte eine Seitenleiste anzeigen und für vorgestellte Produkte ein Layout in voller Breite auswählen.

OceanWP enthält auch globale Styling-Optionen, um die visuelle Identität Ihres Shops auf Ihrer gesamten Website konsistent zu halten. Außerdem müssen Sie nicht zwischen dem Administrator und dem Front-End Ihrer Website wechseln, um zu sehen, wie Ihre Änderungen aussehen, denn was Sie im Back-End sehen, ist, wie es auf dem Front-End erscheinen wird.

Erstellen Sie dynamische Shop-Seiten, Produktlisten und fügen Sie Suchfunktionen hinzu
Sie haben Ihre Produkte definiert und Ihre Produktvorlagen gestaltet. Helfen Sie Ihren Kunden jetzt, das zu finden, wonach sie suchen.
Erstellen von benutzerdefinierten Shop-Seiten und anderen Archivseiten
In WordPress werden Seiten wie die Shop-Seite und die Seiten mit Kategorielisten als Archive bezeichnet. Archive listen im Wesentlichen alle Beiträge (oder Produkte) auf, die zu einer bestimmten Kategorie oder Art von Inhalten gehören.
Mit Toolset können Sie verschiedene Archive nach von Ihnen gewählten Kriterien erstellen. Wenn Ihre Website beispielsweise Absätze und Taschen verkauft, möchten Sie möglicherweise verschiedene Shop-Seiten mit Filtern, die für jeden Produkttyp relevant sind.


Erstellung dynamischer Inhaltslisten
Sie können Ihrer Shop-Seite oder jeder anderen Seite Ihrer Website mithilfe des Toolset-Ansichtsblocks eine dynamische Liste von Produkten hinzufügen. Auf diese Weise können Sie festlegen, welche Produkte aufgelistet werden sollen, und das Aussehen der Liste gestalten.

Hinzufügen von benutzerdefinierten Such- und Filteroptionen
Toolset macht es Ihren potenziellen Kunden dank benutzerdefinierter Such- und Filteroptionen leicht, Produkte schnell und einfach zu finden. Sie können nach jedem benutzerdefinierten Feld oder jeder Post-Beziehung filtern, die Sie erstellt haben.

Andere benutzerdefinierte Shop-Seitenfunktionen von OceanWP
OceanWP bietet mehr Funktionen für Ihre Shop- und Archivseiten, darunter eine Schnellansichtsoption, unendliches Scrollen und die Möglichkeit, Ihre Filter bei Nichtgebrauch auf dem Bildschirm auszublenden. Bitte beachten Sie, dass diese Funktionen nur mit den Archiven von OceanWP funktionieren, nicht mit benutzerdefinierten Archiven, die Sie mit Toolset erstellen.


OceanWP bietet Ihnen auch Optionen für die Anzeige Ihres Warenkorbs:
- Nativer Einkaufswagen wird angezeigt
- Schwebende Add-to-Cart-Leiste
- Warenkorbanzeige
- Ablenkungsfreier Checkout
..und mehr!
Probieren Sie OceanWP und Toolset noch heute aus und teilen Sie uns Ihre Erfahrungen in den Kommentaren mit!
Lernen Sie mit dem kostenlosen WooCommerce-Kurs von Toolset Schritt für Schritt, benutzerdefinierte WooCommerce-Shops zu erstellen.
Sie können Toolset und OceanWP zusammen mit dieser WooCommerce-Store-Demo auch kostenlos ausprobieren .