Der WooCommerce Customizer ist Teil von WordPress > Customize und ermöglicht es, Optionen auszuwählen, die standortweit für Store Notice, Produktkatalog und Produktbilder gelten, ohne irgendeinen Code zu berühren.

Wo finde ich den WooCommerce Customizer Nach oben

Gehen Sie vom WordPress-Dashboard zu: Appearance > Customize.

Im Menü Anpassen wählen Sie WooCommerce:

Unter WooCommerce befinden sich fünf Optionen:

• Store Notice
• Product Catalog
• Product Page
• Product Images
• Checkout

Jede wird im Folgenden ausführlich behandelt.

Ladenhinweis Zurück zum Anfang

Mit dem Ladenhinweis können Sie eine standortweite Nachricht eingeben, die jedem Besucher Ihres Ladens angezeigt wird. Die Nachricht kann sein:

• Informativ – Eine Notiz, die Kunden über wetterbedingte Lieferverzögerungen informiert. Eine Abwesenheitsnotiz, wenn Sie im Urlaub sind.
• Werbebotschaft – Eine Notiz, die eine Veranstaltung, ein Feiertagsangebot, ein Paket, einen Verkauf auf alle/einige Artikel oder kostenlosen Versand ankündigt.

Anzeigen einer Store-Notiz Zurück zum Anfang

Um Kunden eine standortweite Store-Notiz anzuzeigen:

1/ Gehen Sie zu: Appearance > Customize > WooCommerce > Store Notice:

2/ Geben Sie eine Nachricht in den Textbereich ein.

3/ Markieren Sie das Kästchen für Store Notice aktivieren.

4/ Zeigen Sie in der Vorschau an, wie die Store Notice auf Ihrer Website/Shop aussieht.

5/ Veröffentlichen, wenn Sie zufrieden und bereit sind, Ihre Store Notice live zu schalten.

Was Besucher sehen Zurück zum Anfang

So wird die Store Notice auf dem vorderen Ende Ihres Shops/ Ihrer Website angezeigt. Besucher können den Hinweis nach einmaliger Betrachtung deaktivieren.

*Standort und Aussehen des Hinweises variieren je nach dem von Ihnen verwendeten Theme. Der Screenshot oben zeigt unser kostenloses Storefront-Theme.

Bearbeiten oder Entfernen einer Store Notice Zurück zum Anfang

Um die Anzeige einer Site-weiten Store Notice zu ändern oder zu beenden:

1/ Gehen Sie zu: Appearance > Customize > WooCommerce > Store Notice:

2/ Um die Store Notice zu ändern:

• Bearbeiten Sie die Nachricht im Textbereich, um sie zu ändern.

• Deaktivieren Sie das Kontrollkästchen für Store Notice aktivieren, um die Anzeige für Besucher zu beenden.

3/ Veröffentlichen, um Änderungen zu speichern.

Planen Sie eine Store Notice Back to top

Die Verwendung der Option „Planen“ für Store Notice kann hilfreich sein, wenn Sie eine zeitlich begrenzte Werbeaktion durchführen oder einen Verkauf/Rabatt um Mitternacht an einem bestimmten Datum beenden möchten.

In diesem Beispiel möchten wir das Angebot „Kostenloser Versand“ beenden, wenn es am 28. Februar um Mitternacht abläuft.

1/ Gehen Sie zu Darstellung > Anpassen > WooCommerce > Store Notice, um die aktuelle/veröffentlichte Aktion anzuzeigen und aufzurufen.

2/ Deaktivieren Sie das Kontrollkästchen für Enable Store Notice.

3/ Wählen Sie das Zahnrad. Es öffnet sich ein Fenster.

4/ Wählen Sie im rechten Menü „Zeitplan“ und geben Sie dann das Datum und die Uhrzeit ein, zu der die Änderung wirksam werden soll.

5/ Wählen Sie „Zeitplan“, um die eingegebenen Änderungen an dem angegebenen zukünftigen Datum und der angegebenen Uhrzeit vorzunehmen.

*Sie müssen Verkaufsrabatte, Gutscheincodes oder zeitlich begrenzte Angebote deaktivieren. Durch das Entfernen des Hinweises wird die Aktion nicht automatisch beendet.

Produktkatalog Zurück zum Anfang

Alle Optionen für den Produktkatalog finden Sie unter: Erscheinungsbild > Anpassen > WooCommerce > Produktkatalog.

Produktkatalog ermöglicht Ihnen die Auswahl:

• Was auf der Shop-Seite angezeigt werden soll
• Was auf Kategorieseiten angezeigt werden soll
• Wie die Produkte in einer Kategorie sortiert werden sollen
• Wie viele Produkte in einer Zeile angezeigt werden sollen einzelne Zeile
• Wie viele Produktzeilen auf einer Seite angezeigt werden sollen

Shop-Seite Zurück zum Anfang

Ihre Shop-Seite kann Produkte anzeigen, Kategorien, oder beides. Wir empfehlen Ihnen, eine davon auszuwählen, um einen sauberen Look zu erhalten.

1/ Wählen Sie Produkte oder Kategorien aus dem Dropdown-Menü.

2/ Zeigen Sie Ihre Auswahl in der Live-Vorschau an. Sie müssen die Shop-Seite anzeigen.

3/ Veröffentlichen, um zu speichern und live zu gehen.

Kategorieseiten Zurück zum Anfang

Ihre Kategorieseiten können Produkte oder Unterkategorien innerhalb einer Kategorie anzeigen, oder beides. Es wird empfohlen, eine davon auszuwählen.

Wenn Sie nur wenige Produkte oder keine Unterkategorien haben, gibt es möglicherweise keinen Unterschied in der Darstellung.

1/ Wählen Sie Produkte oder Unterkategorien aus dem Dropdown-Menü.

2/ Zeigen Sie eine Vorschau Ihrer Auswahl an. Sie müssen eine Kategorieseite anzeigen.

3/ Veröffentlichen, um zu speichern und live zu gehen.

Standardproduktsortierung Zurück zum Anfang

Die Standardproduktsortierung ermöglicht es Ihnen, die Reihenfolge zu steuern, in der Produkte angezeigt werden, was sich darauf auswirkt, wie Produkte standardmäßig auf Shop- und Kategorieseiten angezeigt werden. Besucher haben immer noch die Möglichkeit, Produkte auf eine andere Weise zu sortieren, falls gewünscht.

Standardsortierung (benutzerdefinierte Sortierung + Name) – Produkte werden alphabetisch nach Namen angezeigt. Wenn die Sortierreihenfolge der Produkte angepasst wurde, wird die benutzerdefinierte Reihenfolge an erster Stelle und die alphabetische Sortierung nach dem Namen an zweiter Stelle berücksichtigt (wenn die Produkte die gleiche Reihenfolge haben). In Ihrem Shop wird dies als Standardsortierung angezeigt.

Sortierung nach Beliebtheit (Umsatz) – zeigt die Produkte nach der Anzahl der verkauften Artikel an, von der höchsten zur niedrigsten. Kunden sehen die Sortierung nach Beliebtheit.

Sortieren nach Durchschnittsbewertung – zeigt Produkte nach der durchschnittlichen Bewertung an, von der höchsten bis zur niedrigsten.

Sortieren nach neuesten – zeigt die Produkte in der Reihenfolge an, in der sie dem Shop hinzugefügt wurden, vom neuesten zum ältesten.

Sortieren nach Preis (aufsteigend / absteigend) – sortiert die Produkte nach dem Preis, entweder vom niedrigsten zum höchsten (aufsteigend) oder vom höchsten zum niedrigsten (absteigend). Der Kunde sieht entweder Sort by price: low to high, oder Sort by price: high to low.

In diesem Beispiel haben wir Sort by price (asc) gewählt (Sort by price: low to high, angezeigt mit einem ✔), und der Kunde ist dabei, Sort by newsness zu wählen.

Um eine Standard-Sortierreihenfolge auszuwählen:

1/ Wählen Sie eine Option aus dem Dropdown-Menü aus:

2/ Zeigen Sie Ihre Auswahl live an. Sie können die Shop-Seite oder eine Kategorieseite anzeigen.

3/ Veröffentlichen, um zu speichern und live zu gehen.

Produkte pro Zeile Zurück zum Anfang

Produkte pro Zeile ermöglicht es Ihnen, die Anzahl der Artikel zu wählen, die in einer einzelnen Zeile auf Shop- und Kategorieseiten angezeigt werden.

Beachten Sie:

• Größe eines Produktbildes
• Platz auf einem Computer/Laptop, Tablet oder Mobilgerät
• Das optimale Erlebnis für einen Kunden, der Ihre Produkte betrachtet und kauft

1/ Verwenden Sie Pfeile, um die Anzahl der Produkte zu erhöhen/verringern.

2/ Sehen Sie sich Ihre Auswahl live an. Sie können die Shopseite oder eine Kategorieseite anzeigen lassen.

3/ Testen Sie auf verschiedenen Geräten. Im Folgenden finden Sie ein Beispiel für verschiedene Ansichten mit denselben Einstellungen.

• Auf einem Computer/Laptop-Bildschirm

• Auf einem Tablet

• Auf einem mobilen Gerät

*Die Skalierung der Bildgröße und das Aussehen variieren, abhängig von dem von Ihnen verwendeten Theme. Screenshots oben sind mit unserem kostenlosen Storefront-Theme.

4/ Veröffentlichen, um zu speichern und live zu gehen.

Zeilen pro Seite Zurück zum Anfang

Zeilen pro Seite ermöglicht es Ihnen, die Anzahl der Zeilen zu wählen, die auf Shop- und Kategorieseiten erscheinen.

Achten Sie auf:

• Größe der Produktbilder
• Anzahl der Produkte, die Sie verkaufen
• Platz auf einem Computer/Laptop, Tablet oder Mobilgerät
• Das optimale Erlebnis für einen Kunden, der Ihre Produkte ansieht und kauft

1/ Verwenden Sie Pfeile, um die Anzahl der Zeilen zu erhöhen/verringern.

2/ Sehen Sie sich Ihre Auswahl live an. Sie können die Shop-Seite oder eine Kategorieseite anzeigen lassen.

3/ Testen Sie auf verschiedenen Geräten. Im Folgenden finden Sie ein Beispiel für verschiedene Ansichten mit denselben Einstellungen.

• Auf einem Computer-/Laptop-Bildschirm

• Auf einem Tablet

• Auf einem mobilen Gerät

*Die Skalierung der Bildgröße und das Aussehen variieren, abhängig von dem von Ihnen verwendeten Theme. Screenshots oben sind mit unserem kostenlosen Storefront-Theme.

4/ Veröffentlichen, um zu speichern und live zu gehen.

Produktseite Zurück zum Anfang

Die Produktseite hat zwei Optionen, die für einzelne Produktseiten gelten:

• Sticky Add-to-Cart – Es ist eine kleine Inhaltsleiste am oberen Rand des Browser-Fensters, die relevante Produktinformationen und einen Add-to-Cart-Button enthält. Sie wird eingeblendet, sobald die Standard-Schaltfläche für den Einkaufswagen nicht mehr sichtbar ist.

• Produktpaginierung – Zeigt nächste und vorherige Links auf Produktseiten an. Eine Produktminiatur wird mit dem Titel angezeigt, wenn der Mauszeiger darüber schwebt.

Produktbilder Zurück zum Anfang

Produktbilder hat zwei Funktionen:

• Ermöglicht es Ihnen, die Größe und den Zuschnitt von Katalog- und Miniaturbildern auszuwählen
• Automatische Größenanpassung von Katalog- und Miniaturbildern auf der gesamten Website Ihres Shops, wenn eine veröffentlichte Änderung vorgenommen wird*

Das spart Ihnen Zeit und Energie beim manuellen Zuschneiden und Ändern der Größe jedes einzelnen Bildes.

Bildtypen Zurück zum Anfang

• Katalogbilder sind mittelgroße Bilder, die auf der Shop-Seite, den Kategorieseiten und für verwandte Produkte, Up-Sells und Cross-Sells angezeigt werden.
• Thumbnail-Bilder sind die kleinsten Bilder, die im Warenkorb, in Widgets und (optional) Galeriebildern unter dem Einzelproduktbild auf einzelnen Produktdetailseiten verwendet werden.
• Einzelproduktbild ist das größte Bild und bezieht sich auf das Haupt-/Funktionsbild. Die Einstellungen für Produktbilder im WooCommerce Customizer gelten nicht für diese. Wie Sie ein einzelnes Produktbild oder eine Produktbildgalerie hinzufügen, bearbeiten oder löschen, erfahren Sie unter: Hinzufügen von Produktbildern und -galerien.

* Bisher mussten die Miniaturbilder mit einem Plugin eines Drittanbieters neu generiert werden. WooCommerce 3.3x übernimmt dies jetzt für Sie. Bei Änderungen, die nur im Vorschaumodus vorgenommen werden, wird die Regeneration nicht ausgelöst.

Miniaturbilder verkleinern und zuschneiden Zurück zum Anfang

1/ Gehe zu: Aussehen > Anpassen > WooCommerce > Produktbilder.

2/ Wähle eines aus:

• 1:1 – Quadratisches Bild

• Benutzerdefiniert – Du wählst das Verhältnis aus, in dem Bilder beschnitten werden. In diesem Beispiel wird 1:2 eingegeben, und ein Bild kann nicht vergrößert werden, um diese Anforderung zu erfüllen.

• Unbeschnitten – Die Bilder werden so angezeigt, wie sie sind, was dazu führen kann, dass alle Bilder unterschiedlich sind, es sei denn, Sie haben Fotos verwendet, die in Größe und Auflösung einheitlich sind. Der folgende Screenshot ist ein Beispiel dafür: Eines ist vollkommen quadratisch, das nächste ist ein kleineres Quadrat und das letzte ist ein Rechteck.

3/ Testen Sie auf verschiedenen Geräten. Nachfolgend ein Beispiel für verschiedene Ansichten mit denselben Einstellungen.

• Auf einem Computer/Laptop-Bildschirm

• Auf einem Tablet.

• Auf einem mobilen Gerät.

4/ Veröffentlichen, um zu speichern und live zu gehen.

Checkout Zurück zum Anfang

Alle Optionen für den Checkout finden Sie unter: Erscheinungsbild > Anpassen > WooCommerce > Kasse.

Sie können jetzt festlegen, ob bestimmte Felder erforderlich oder optional sind, je nachdem, welche Daten Sie erfassen möchten. Sie können auch wählen, ob Sie die erforderlichen Felder mit einem Sternchen markieren möchten, was die Standardeinstellung ist.

Es wird empfohlen, Seiten mit Datenschutzrichtlinien und Allgemeinen Geschäftsbedingungen zu erstellen, die Sie dann hier einstellen können. Die eingestellten Seiten werden zusammen mit dem von Ihnen eingegebenen Text verlinkt und erscheinen auf der Seite „Kasse“ wie folgt:

Der Link „Datenschutzerklärung“ öffnet die Seite in einem neuen Fenster, während der Link „AGB“ ein Feld auf der Seite öffnet, das den Inhalt der AGB-Seite zeigt. Eine Bestellung kann nicht aufgegeben werden, ohne dass das erforderliche Kästchen für die Geschäftsbedingungen aktiviert ist.

FAQs Zurück zum Anfang

Ich kann den WooCommerce Customizer nicht finden. Zurück zum Anfang

Für Shops, die WooCommerce 3.3x+ verwenden, ist diese Option verfügbar unter: Erscheinungsbild > Anpassen > WooCommerce. Für Shops, die eine Version von WooCommerce vor 3.3.0 verwenden, finden Sie Store Notice und Product Images unter: WooCommerce > Einstellungen > Produkte > Anzeige; Produktkatalog ist neu.

Wir empfehlen, auf die neueste Version von WooCommerce zu aktualisieren, um die neuen und verbesserten Features und Funktionen zu nutzen. Danke!

Kann ich das Plugin „Thumbnails neu generieren“ weiterhin verwenden? Zurück zum Anfang

Ja, das können Sie. Es ist jedoch unnötig, wenn du WooCommerce 3.3.0 oder höher verwendest, da ein Wechsel zu einem neuen oder anderen Thema oder eine Live-Änderung im Produktkatalog oder in den Produktbildern dazu führt, dass WooCommerce die Größe der Miniaturbilder und der Produktkatalogbilder automatisch anpasst und aktualisiert.

Du kannst auch die Option „Shop-Miniaturbilder neu generieren“ verwenden unter: WooCommerce > Status > Tools.