Es gibt einige Optionen, wenn Sie die WooCommerce-Shop-Seite in Ihrem WooCommerce-Shop bearbeiten möchten. Ihre Optionen variieren je nachdem, welches WordPress / WooCommerce-Design Sie verwenden und welchen WordPress Page Builder Sie verwenden (vorausgesetzt, Sie verwenden eines).
Bevor Sie sich mit der Frage befassen, wie Sie das WooCommerce Shop-Seitenlayout bearbeiten, legen Sie Ihre Optionen fest.
Bevor ich aber anfange ...
Wenn Sie keinen meiner anderen Artikel bei Future State Media gelesen haben, sind Sie möglicherweise nicht mit unserem „Mantra“ vertraut, mit dem versucht wird, die WooCommerce-Anpassung „codeless“ zu machen.
Wir hassen benutzerdefinierten Code auf WooCommerce. Es erfordert Wartung - und wird ständig mit Updates brechen. Dies führt nicht zu einem stressfreien Leben im E-Commerce (weshalb viele Menschen am Ende landen Wenden Sie sich an Shopify anstatt an WooCommerce)
Sie MÜSSEN keinen Code berühren, um eine hochkonvertierende, gewinnbringende Website mit WooCommerce zu erstellen. Es ist einfach so, dass die Community der Entwickler (und WooCommerce selbst) von unnötigen Code-Anpassungen besessen zu sein scheint.
Future State Media ist also hier, um Ihnen bei der Erstellung des gewünschten WooCommerce-Shops zu helfen, ohne Code zu berühren!
Inhaltsverzeichnis
Anpassung des WooCommerce Shop-Seitenlayouts - Ihre Technologie = Ihre Optionen
Im Folgenden finden Sie einige Fragen und Antworten, damit Sie Ihre Optionen für die Bearbeitung des Shop-Seitenstils in WooCommerce verstehen
Frage 1: Verwenden Sie einen Seitenersteller?
Wenn Sie mit „Ich weiß nicht“ geantwortet haben:
Wenn Sie nicht wissen, was ein Seitenersteller ist, gebe ich Ihnen eine kurze Einführung…
Mit WordPress Page Buildern wie Elementor oder Divi können Sie Ihre Seiten, Beiträge und mehr einfach in WordPress bearbeiten, ohne auf den Gutenberg-Editor oder den klassischen Editor beschränkt zu sein (falls Sie diesen noch verwenden).
Im Wesentlichen können Sie die Seite mithilfe von visuellen Buildern per Drag & Drop mit einer Vielzahl cooler Optionen erstellen.
Wir empfehlen Divi Theme und Page Builder (sie sind ein sehr effektives und kompatibles Element) - es ist einfach fantastisch.
Zurück zur Antwort: Verwenden Sie einen Seitenersteller in Ihrem WooCommerce-Shop?
Wenn Sie mit "Ja" geantwortet haben:
Wenn ja, können Sie mit einem Seitenersteller das Layout Ihrer Shop-Seite VOLLSTÄNDIG bearbeiten.
Sie können alles, was Sie möchten, in Ihr WooCommerce Shop-Seitenlayout einfügen, die Reihenfolge der Produkte ändern, nur Produkte aus bestimmten Kategorien anzeigen, Überschriften einfügen und vieles mehr.
Hier sind einige Beispiele für benutzerdefinierte WooCommerce-Shop-Seiten
WooCommerce Custom Shop Seite 1
WooCommerce Custom Shop Seite 2
Beide wurden mit Divi Builder für das Divi-Thema erstellt.
Wenn Sie möchten, können Sie Ihre Shop-Seite jedoch weitaus einfallsreicher gestalten.
Wir investieren viel mehr Zeit in die Verfeinerung der Layout der WooCommerce-Produktseite Maximieren Sie die Conversions für das Hinzufügen zum Warenkorb und die Conversions für die Gesamtkasse.
Wenn Sie mit "Nein" geantwortet haben:
Dies bedeutet nicht, dass Sie keine Optionen zum Anpassen der Shop-Seite in WooCommerce haben. Dies bedeutet jedoch, dass Ihre Optionen zum Bearbeiten der Shop-Seite spezifisch für Ihr Thema sind. Deshalb werde ich unten einige beliebte WooCommerce-Themen auflisten.
Frage 2: Verwenden Sie das WooCommerce Storefront Theme?
Wenn Sie mit „Ich weiß nicht“ geantwortet haben:
Wenn Sie nicht wissen, welches Thema Sie verwenden, gehen Sie zum WordPress-Dashboard / Admin-Bereich
Suchen Sie dann auf der linken Seite die Option "Darstellung" und klicken Sie auf "Themen".
Sie erhalten einen Bildschirm mit allen installierten WordPress-Themes
Der in der obersten linken Ecke ist Ihr "Aktiv" -Thema
Wenn hier "Storefront" steht, verwenden Sie das Storefront-Design!
Möglicherweise verwenden Sie auch ein "Storefront Child Theme". Wenn dies der Fall ist, gilt dieser Rat weiterhin für Sie, wenn Sie das Seitenlayout des WooCommerce-Shops ändern möchten.
Wenn Sie mit "Ja" geantwortet haben:
Es gibt keine "codelose" Lösung zum Bearbeiten des kostenlosen Storefront-Themas für WooCommerce (Entschuldigung!)
Sie haben eine begrenzte Anzahl von Optionen zum Ändern der WooCommerce-Shop-Seite unter Darstellung> Anpassen> WooCommerce> Produktkatalog

Wenn Sie jedoch das WooCommerce Storefront Extensions Bundle auf dem offiziellen WooCommerce Extensions Marketplace auf WooCommerce.com kaufen - Klicken Sie hier, um das Bundle zu sehen.
Wenn Sie dieses Bundle kaufen, können Sie das Layout der WooCommerce-Shop-Seite so ändern, dass es bei $69 pro Jahr (ohne einen einzigen Code) nach Ihren Wünschen angepasst wird. Dieses Bundle ist absolut FANTASTISCH, wenn Sie sich dazu verpflichten zur Verwendung des WooCommerce Storefront-Themas - was für eine maximale Kompatibilität mit WooCommerce selbst keine schlechte Idee ist. Wir empfehlen das Divi-Theme jedoch immer über das Standard-Storefront-Theme für WooCommerce.
Es ist erwähnenswert, dass es das "Powerpack" -Plugin für Storefront ist, das die Anpassungsfunktion bietet - aber letztendlich bietet das Bundle eine Reihe anderer Plugins, die auch für Storefront hilfreich sind, zum gleichen Preis wie der Kauf des Powerpack-Plugins allein!
Wenn Sie das Storefront Powerpack-Plugin auf Ihrer Website installiert haben, werden diese Optionen jetzt unter Darstellung> Anpassen> Powerpack> Shop angezeigt

Diese WooCommerce Shop-Seitenlayoutoptionen sind keinesfalls "umfangreich".
In Kombination mit den anderen Layoutoptionen, die Ihnen das Powerpack-Plugin bietet, können Sie mit dem Standard-Storefront-Design (das kostenlos ist) in Kombination mit dem kostenpflichtigen Powerpack-Plugin ein bestimmtes Erscheinungsbild erstellen.
Dies entspricht möglicherweise nicht Ihrer Definition oder Ihren Anforderungen für die Anpassung des WooCommerce-Shop-Seitendesigns, ist jedoch mehr als standardmäßig mit dem Storefront-Thema verfügbar.
Wenn Sie mit "Nein" geantwortet haben:
Wenn Sie das Storefront-Thema nicht verwenden, werden im Folgenden einige weitere Optionen zum Bearbeiten des Shop-Seiten-Designs in WooCommerce aufgeführt, da wir auf einige spezifische Beispiele stoßen
Unser Rat für die Bearbeitung des WooCommerce Shop Page Designs
Verwenden Sie das Divi Theme und den Divi Builder, um das WooCommerce Shop Page Design zu bearbeiten - es sieht fantastisch aus und funktioniert auf ganzer Linie sehr gut. Es ist auch toll für Anpassen des WooCommerce-Produktseitendesigns ohne benutzerdefinierten Code - was aufgrund unserer Daten viel mehr Priorität hat. Es ist die Produktseite, die letztendlich den Konvertierungsprozess auslöst - vergessen Sie das nie!
Sie suchten nach:
Woocommerce Shop Seitenlayout
So bearbeiten Sie die Woocommerce-Shop-Seite
So passen Sie die Woocommerce-Shop-Seite an
Woocommerce Shop Seitenvorlage
Woocommerce Custom Shop Seite
woocommerce Shop-Seite anpassen
So passen Sie die Woocommerce-Shop-Seite in WordPress an
Woocommerce-Shop-Seite anpassen
Woocommerce-Shop-Seite bearbeiten
Shop-Seite Woocommerce anpassen
Storefront Woocommerce Customizer
Woocommerce Storefront Customizer
woocommerce Shop-Seitenlayout ändern
woocommerce Shop-Seite bearbeiten
Anpassung der Woocommerce-Shop-Seite
benutzerdefinierte Woocommerce-Shop-Seite
Anpassen der Woocommerce-Shop-Seite
Shop-Seite bearbeiten woocommerce
benutzerdefinierte Shop-Seite Woocommerce
Woocommerce-Shop-Layout