Über 100 Tipps, Tricks und Snippets Ultimativer WooCommerce-Hide-Guide
Veröffentlicht: 2021-04-24WooCommerce wird von mehr als 5 Millionen aktiven Installationen in der WordPress-Community unterstützt, und diese Zahl wächst jeden Tag weiter. Mit all den Benutzerdaten kann WooCommerce genug Feedback erhalten, um sich deutlich in Richtung der Wünsche seiner Benutzer zu verbessern.
Es besteht kein Zweifel, dass WooCommerce nicht aus einer Laune heraus Änderungen vornehmen kann. Dies liegt daran, dass Sie viele Faktoren berücksichtigen müssen, insbesondere wenn Sie eine komplizierte Website haben. Dies bedeutet, dass kleine Änderungen einen erheblichen Unterschied in dem bewirken können, was Sie auf dem Frontend sehen, und im schlimmsten Fall können Sie sogar ein erheblich negatives Kundenerlebnis schaffen. Aus diesem Grund habe ich mich entschlossen, den Ultimate WooCommerce Hide Guide zu erstellen.
WooCommerce Ultimate Hide Guide
In diesem Beitrag erfahren Sie, wie Sie bestimmte Elemente in Ihrem WooCommerce-Shop ausblenden. Es ist wichtig zu beachten, dass die Flexibilität, die mit WooCommerce einhergeht, untertrieben ist. Sie müssen jedoch über die Fähigkeiten und Erfahrungen verfügen, um mit Ihrer WordPress/WooCommerce-Site viele Dinge zu tun, die Sie tun möchten. Dieser ultimative Leitfaden stellt sicher, dass Sie jedes Element ausblenden können, ohne Ihre Website zu beschädigen.
Bevor wir beginnen, stellen Sie sicher, dass Sie immer Backups bereit haben, da das Aktualisieren und Hinzufügen von Features und Funktionalitäten zu Ihrer WordPress-Site viel Aufmerksamkeit erfordert. Dies ist nur eine faire Warnung. Der größte Nachteil ist, dass alle auf diese Weise am Design vorgenommenen Änderungen verloren gehen, sobald der Entwickler das Design aktualisiert.
Der beste Weg, dies zu überwinden, ist die Verwendung eines untergeordneten Themas. Mit einem untergeordneten Design können Sie eine beliebige Anzahl von Änderungen an einer Website vornehmen, ohne die ursprünglichen Designdateien zu berühren. Ein untergeordnetes Thema hängt vollständig von seinem übergeordneten Thema ab, um zu funktionieren. Ohne das vorhandene übergeordnete Thema wird es nichts tun und kann nicht einmal aktiviert werden. Hier erfahren Sie mehr über das Erstellen von Child-Themes.
Lassen Sie uns nun einen Blick darauf werfen, wie Sie verschiedene Elemente auf Ihren WooCommerce-Shop-Seiten wie der Shop-Seite, der Einzelproduktseite, der Seite „Mein Konto“, der Homepage, der Checkout-Seite und der Warenkorb-Seite ausblenden können.
WooCommerce Shop-Seite ausblenden
In diesem Abschnitt erfahren Sie, wie Sie verschiedene Elemente auf der Shop-Seite ausblenden. Auf der Shop-Seite zeigen Sie Ihre Produkte an, sie ist also eine der wichtigsten Seiten in Ihrem Shop. Deshalb sollte es ein attraktives und benutzerfreundliches Design haben.
Die Shop-Seite ist jedoch eine vorgefertigte Komponente Ihres Shops und verfügt nicht über ein integriertes Tool, um ihr Erscheinungsbild zu ändern. Aus diesem Grund werden wir benutzerdefinierte Codeausschnitte verwenden, um die Elemente auszublenden.
WooCommerce-Produktsichtbarkeit
Es gibt Szenarien, in denen Sie möglicherweise ein Produkt aus Ihrem WooCommerce-Shop ausblenden müssen. Einige von ihnen beinhalten:
- Wenn Produkte nur bestimmten Kunden zur Verfügung stehen, müssen die Produkte vor der Öffentlichkeit verborgen werden.
- Wenn Produkte nicht mehr verkauft werden, aber in Zukunft wieder verkauft werden können.
- Wenn Sie servicebasierte Produkte anbieten, müssen diese manuell zu einem Angebot eines Vertriebsmitarbeiters hinzugefügt werden.
Es gibt viele andere Szenarien, aber diese stechen hervor. Zu Beginn werde ich zeigen, wie man ein einzelnes WooCommerce-Produkt mithilfe der integrierten WooCommerce- und WordPress-Funktionalität vor dem Frontend verbirgt. Ich werde auch teilen, wie Sie versteckte Produkte aus dem WooCommerce-Warenkorb, der Kasse, der Bestellung und den E-Mails ausblenden können. Hier erfahren Sie mehr über Produktsichtbarkeit.
Schritte zum Ausblenden eines WooCommerce-Produkts (einzelnes Produkt)
- Melden Sie sich bei Ihrer WordPress-Site an und greifen Sie als Admin-Benutzer auf das Dashboard zu.
- Klicken Sie im Dashboard-Menü auf Produkte und wählen Sie das Produkt aus, das Sie auf der Website ausblenden möchten. Klicken Sie auf den Produkttitel und gehen Sie zur Bearbeitungsseite, wie unten gezeigt:
- Auf der rechten Seite sehen Sie die bekannte Metabox „Veröffentlichen“. Sie können Veröffentlichungsoptionen festlegen und Ihre Beiträge, Produkte oder Seiten veröffentlichen. Dort gibt es eine Option namens „Sichtbarkeit des Katalogs“.
- Klicken Sie daneben auf den Link Bearbeiten. Ihnen wird eine Liste mit Optionen für die Sichtbarkeit des Produkts im Frontend angezeigt.
- Wählen Sie die Option Versteckt
- Klicken Sie auf die Schaltfläche Aktualisieren, und das Produkt verschwindet vollständig aus dem Frontend Ihres WooCommerce-Shops.
Es ist wichtig zu beachten, dass versteckte Produkte im Warenkorb erscheinen, wenn sie „programmgesteuert“ zum Warenkorb hinzugefügt werden.
Schritte zum Ausblenden versteckter Produkte aus WooCommerce-Warenkorb, Kasse, Bestellung und E-Mails
Wenn Sie versteckte Produkte vor WooCommerce Cart, Checkout, Order und E-Mails ausblenden möchten, sollten Sie in Betracht ziehen, den folgenden Code in die Datei functions.php Ihres Child-Themes einzufügen.
/** * Ausgeblendete Produkte aus Warenkorb, Kasse, Bestellung - WooCommerce ausblenden */ add_filter( 'woocommerce_cart_item_visible', 'njengah_hide_hidden_product_from_cart' , 10, 3 ); add_filter( 'woocommerce_widget_cart_item_visible', 'njengah_hide_hidden_product_from_cart', 10, 3 ); add_filter( 'woocommerce_checkout_cart_item_visible', 'njengah_hide_hidden_product_from_cart', 10, 3 ); add_filter( 'woocommerce_order_item_visible', 'njengah_hide_hidden_product_from_order_woo333', 10, 2 ); Funktion njengah_hide_hidden_product_from_cart( $visible, $cart_item, $cart_item_key ) { $product = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key ); if ( $product->get_catalog_visibility() == 'hidden' ) { $sichtbar = falsch; } gib $sichtbar zurück; } Funktion njengah_hide_hidden_product_from_order_woo333( $visible, $order_item ) { $produkt = $order_item->get_product(); if ( $product->get_catalog_visibility() == 'hidden' ) { $sichtbar = falsch; } gib $sichtbar zurück; }
Denken Sie daran, die vorgenommenen Änderungen zu speichern.
WooCommerce Leere Kategorie ausblenden
WooCommerce ermöglicht es Ihnen, Produkte in verschiedene Kategorien und Tags zu sortieren. Das bedeutet, dass auch leere Kategorien auf der Shop- und Startseite angezeigt werden. Möglicherweise möchten Sie die leeren Kategorien ausblenden, damit Benutzer sie nicht finden können.
Allerdings hat WooCommerce keine eingebaute Option, um Kategorien auf der Homepage oder in den Archiven auszublenden. Die Kategorie wird auch dann angezeigt, wenn sie leer ist. Das Ausblenden einer leeren Kategorie ist eine einfache Aufgabe, wenn Sie ein erfahrener WordPress-Entwickler sind.
Wir werden ein PHP-Code-Snippet verwenden, um die leeren Kategorien auszublenden. Du kannst aber auch CSS verwenden, allerdings erhältst du dafür Negativpunkte von Suchmaschinen, was deiner SEO schadet. Hier erfahren Sie, wie Sie leere Kategorien ausblenden.
Schritte zum Ausblenden leerer Kategorien aus dem Kategorie-Widget in WooCommerce
Hier sind die Schritte, die Sie befolgen sollten:
- Melden Sie sich bei Ihrer WordPress-Site an und greifen Sie als Admin-Benutzer auf das Dashboard zu.
- Zuerst müssen wir einige Kategorien erstellen und Produkte zuweisen. Klicken Sie dazu auf Produkte > Kategorien. Von hier aus können Sie Kategorien zuweisen. Sie haben gesehen, dass ich fünf Produkte der Kategorie „Autoteile“ und vier der Kategorie „Njengah Tech“ aus dem Screenshot unten zugeordnet habe. Die erste Kategorie ist leer.
- Alternativ können Sie den Produkten auch Kategorien über den Bildschirm zum Hinzufügen/Bearbeiten von Produkten zuweisen, wie unten gezeigt:
- Der nächste Schritt besteht darin, das Kategorie-Widget zur Seitenleiste oder einem anderen Bereich hinzuzufügen, in dem Sie Ihren WooCommerce-Shop haben möchten. Gehen Sie dazu zu Darstellung > Widgets, ziehen Sie das WooCommerce-Produktkategorien-Widget per Drag & Drop in den primären Seitenleistenbereich, wie unten gezeigt:
- Wenn Sie das Frontend aktualisieren, werden alle Kategorien aufgelistet:
- Um die hier aufgelisteten leeren Kategorien auszublenden oder zu entfernen, fügen Sie die folgenden Codezeilen am Ende der Datei functions.php Ihres Themes hinzu.
Funktion woo_hide_product_categories_widget( $list_args ){ $list_args[ 'hide_empty' ] = 1; $list_args zurückgeben; } add_filter( 'woocommerce_product_categories_widget_args', 'woo_hide_product_categories_widget' )
- Nachdem Sie den obigen Code eingefügt haben, denken Sie daran, die Datei zu speichern. Gehen Sie zum Frontend und aktualisieren Sie die Seite. Sie werden feststellen, dass die leere Kategorie aus der Liste entfernt wurde.
Schritte zum Ausblenden des Preises und Hinzufügen zum Einkaufswagen für abgemeldete Benutzer
Das folgende Bild zeigt, wie die Preise und die Schaltfläche „In den Warenkorb“ standardmäßig angezeigt werden, auch für ausgeloggte Benutzer:
Wenn Sie die Preise und die Schaltfläche „Zum Warenkorb hinzufügen“ für ausgeloggte Benutzer ausblenden möchten, sollten Sie in Betracht ziehen, den folgenden Code in die Datei „functions.php“ Ihres untergeordneten Themas einzufügen:
/** * Preis ausblenden und für abgemeldete Benutzer in den Warenkorb legen */ add_action( 'init', 'njengah_hide_price_add_cart_not_logged_in' ); Funktion njengah_hide_price_add_cart_not_logged_in() { if ( ! is_user_logged_in() ) { remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 ); remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 ); remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 ); remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 ); add_action( 'woocommerce_single_product_summary', 'njengah_print_login_to_see', 31 ); add_action( 'woocommerce_after_shop_loop_item', 'njengah_print_login_to_see', 11 ); } } Funktion njengah_print_login_to_see() { echo '<a href="' . get_permalink(wc_get_page_id('myaccount')) . '">' . __('Melden Sie sich an, um Preise zu sehen', 'theme_name') . '</a>'; }
Denken Sie daran, die Änderungen zu speichern.
Dies wird das Ergebnis am Frontend sein:
Sie können die Zahl aus den Preisfeldern entfernen, was bedeutet, dass das Produkt keinen Preis mehr hat und folglich auch die Schaltfläche In den Warenkorb.
Alternativ können Sie einen Filer schreiben. Dieser Filter erkennt die Produkt-ID des Zielprodukts und gibt einen Fehler zurück. Dadurch wird die Schaltfläche „In den Einkaufswagen“ entfernt.
/** * Blenden Sie die Schaltfläche für das Produkt mit der ID = 10 UND für variable Produkte aus */ add_filter('woocommerce_loop_add_to_cart_link', function( $add_to_cart_html, $product ) { if( $product->get_id() == 604 || $product->is_type( 'variable' ) ) { Rückkehr ''; } $add_to_cart_html zurückgeben; }, 10, 2 );
Denken Sie daran, die richtige Produkt-ID hinzuzufügen. Das ist das Ergebnis:
WooCommerce vergriffene Produkte ausblenden
WooCommerce bietet Benutzern ein hervorragendes Bestandsverwaltungssystem, mit dem eine E-Commerce-Website in kürzester Zeit erstellt werden kann. Eine der wichtigsten Anforderungen an die Bestandsverwaltung im E-Commerce ist die Möglichkeit, vergriffene Produkte auszublenden. Glücklicherweise wird WooCommerce mit einer Out-of-Box-Lösung geliefert, um vergriffene Produkte in den Einstellungen auszublenden. Hier erfahren Sie mehr über das Hinzufügen von Produkten.
Schritte zum Ausblenden von nicht vorrätigen Produkten in einem einzelnen Produkt
- Gehen Sie im WordPress-Dashboard zum Untermenü WooCommerce -> Einstellungen.
- Klicken Sie auf die Registerkarte Produkte > Unterregisterkarte Inventar.
- Aktivieren Sie die Option Nicht vorrätige Sichtbarkeit, die die nicht vorrätigen Produkte ausblendet.
Navigieren Sie zum WooCommerce-Dashboard-Menü und verwenden Sie die Registerkarte Produkte. Klicken Sie auf die Unterregisterkarte Inventar, um die Option zum Ausblenden nicht vorrätiger Produkte anzuzeigen, wie in der Abbildung unten gezeigt:
Aktivieren Sie diese Option und speichern Sie die Einstellungen, und Sie werden die nicht vorrätigen Produkte erfolgreich aus dem Katalog ausblenden.
Alternativ können Sie der Datei functions.php ein benutzerdefiniertes PHP-Skript hinzufügen. Sie können einen Action-Hook hinzufügen, der an pre_get_posts
, und die Callback-Funktion sollte über die Logik verfügen, um das nicht vorrätige Produkt mithilfe einer Taxonomieabfrage auszublenden. Hier ist ein Beispiel für ein Code-Snippet, das perfekt zum Ausblenden von nicht vorrätigen Produkten funktioniert:
<?php add_action( 'pre_get_posts', 'njengah_hide_out_of_stock_products' ); Funktion njengah_hide_out_of_stock_products( $query ) { if ( ! $query->is_main_query() || is_admin() ) { Rückkehr; } if ( $outofstock_term = get_term_by( 'name', 'outofstock', 'product_visibility' ) ) { $tax_query = (array) $query->get('tax_query'); $tax_query[] = array( 'taxonomy' => 'product_visibility', 'field' => 'term_taxonomy_id', 'terms' => array( $outofstock_term->term_taxonomy_id ), 'operator' => 'NICHT IN' ); $query->set( 'Steuer_Abfrage', $Steuer_Abfrage ); } remove_action( 'pre_get_posts', 'njengah_hide_out_of_stock_products' ); }
Denken Sie daran, die Änderungen zu speichern.
WooCommerce Alle Produkte von der Shop-Seite ausblenden
Wenn Sie so etwas wie einen B2B-/Großhandel oder einen Laden nur für Mitglieder betreiben und nicht möchten, dass jedes Produkt der Öffentlichkeit zugänglich ist, wird Ihnen diese Lösung helfen. Diese entwicklerfreundliche Lösung beinhaltet die Verwendung eines benutzerdefinierten PHP-Skripts.
WooCommerce hat eine integrierte Lösung zum Ausblenden bestimmter Produkte auf der Shop-Seite. Hier erfahren Sie mehr über diese Lösung.
Schritte zum Ausblenden aller Produkte WooCommerce Shop-Seite
Hier sind die Schritte, die Sie befolgen müssen:
- Melden Sie sich bei Ihrer WordPress-Site an und greifen Sie als Admin-Benutzer auf das Dashboard zu.
- Klicken Sie im Dashboard-Menü auf Darstellungsmenü > Themen-Editor-Menü. Wenn die Theme-Editor-Seite geöffnet ist, suchen Sie nach der Theme-Funktionsdatei, um die Funktion hinzuzufügen, die die Funktion zum Ausblenden aller Produkte auf der WooCommerce-Shop-Seite hinzufügt.
- Fügen Sie der Datei functions.php den folgenden Code hinzu:
/** * @snippet Produktschleife entfernen @ WooCommerce Shop */ add_action( 'pre_get_posts', 'njengah_remove_products_from_shop_page' ); Funktion njengah_remove_products_from_shop_page( $q ) { if ( ! $q->is_main_query() ) return; if ( ! $q->is_post_type_archive() ) return; if ( ! is_admin() && is_shop() ) { $q->set( 'post__in', array(0) ); } remove_action( 'pre_get_posts', 'njengah_remove_products_from_shop_page' ); }
- Das wird das Ergebnis sein:
- Um die Meldung „Es wurden keine Produkte gefunden, die Ihrer Auswahl entsprechen“ auszublenden, fügen Sie diese Codezeile am Ende der Datei functions.php hinzu.
/** * @snippet Remove "Es wurden keine Produkte gefunden, die Ihrer Auswahl entsprechen" @ WooCommerce Loop Pages */ remove_action( 'woocommerce_no_products_found', 'wc_no_products_found' );
- Das wird das Ergebnis sein:
Im obigen Code die Aktion „ pre_get_posts
“, „ njengah_remove_products_from_shop_page
“, die auf die Shop-Seite abzielt. Um die Produkte auszublenden, habe ich eine Funktion erstellt, die die Produkte entfernt, unterstützt durch eine Reihe von Schleifen und eine Entfernungsaktion.
WooCommerce Nachgestellte Nullen ausblenden
WooCommerce zeigt standardmäßig Preise mit nachgestellten Nullen an. Darüber hinaus bietet WooCommerce keine Option zum Ausblenden oder Deaktivieren dieser Funktion. Wenn Sie nach einer Möglichkeit suchen, nachgestellte Nullen in Ihrem WooCommerce-Shop auszublenden, sind Sie hier genau richtig. In diesem Abschnitt verwenden wir ein benutzerdefiniertes PHP-Skript, das ich für diesen Zweck vorbereitet habe. Sie können hier auch lernen, wie Sie nachgestellte Nullen anzeigen können, wenn Ihr Thema dies nicht unterstützt.
Es ist erwähnenswert, dass diese Lösung nachgestellte Nullen aus Ihrem gesamten Geschäft entfernt.
Damit Sie die abschließenden Nullen auf Ihrer WooCommerce-Shop-Seite ausblenden können, fügen Sie den folgenden Code am Ende Ihrer functions.php-Datei hinzu:
// Nachgestellte Nullen bei Preisen ausblenden. add_filter( 'woocommerce_price_trim_zeros', 'njengah_hide_trailing_zeros', 10, 1 ); Funktion njengah_hide_trailing_zeros( $trim ) { gib true zurück; }
Denken Sie daran, unten im Texteditor-Bildschirm auf die Schaltfläche Änderungen speichern zu klicken.
Jetzt haben Sie erfolgreich das Code-Snippet hinzugefügt, das zum Ausblenden nachgestellter Nullen erforderlich ist. Dies wird das Ergebnis am Frontend sein:
So verbergen Sie die Anzahl der WooCommerce-Produkte
Es gibt viele Gründe, warum Sie die Produktanzahl in Kategorien oder Unterkategorien entfernen möchten. Wenn Ihr Thema die Produktanzahl nicht gut anzeigt, empfehle ich dringend, dass Sie es ausblenden.
In diesem Beitrag erfahren Sie, wie Sie die Kategorieanzahl mithilfe eines benutzerdefinierten PHP-Skripts vollständig ausblenden können. Außerdem erfahren Sie, wie Sie es mithilfe eines CSS-Code-Snippets ausblenden, das ich Ihnen mitteilen werde.
Sie können CSS auch verwenden, um die WooCommerce-Produktanzahl auszublenden. Hier erfahren Sie, wie Sie das CSS-Code-Snippet hinzufügen.
Es ist jedoch wichtig zu beachten, dass diese Code-Snippets zu deiner Datei functions.php für dein Child-Theme hinzugefügt werden sollten. Sie können auch ein Site-Anpassungs-Plugin verwenden, damit Sie Ihre Änderungen nicht verlieren, wenn Sie Ihr WordPress-Design aktualisieren.
Standardmäßig zeigt WooCommerce die Produktanzahl auf der Shop-Seite so an:
Wenn Sie die Produktanzahl auf der WooCommerce-Shop-Seite ausblenden möchten, sollten Sie in Erwägung ziehen, den folgenden Code in die Datei functions.php Ihres Child-Themes einzufügen:
/* * * Entfernt die Produktanzahl nach dem Kategorienamen * */ add_filter( 'woocommerce_subcategory_count_html', 'njengah_remove_category_products_count' ); Funktion njengah_remove_category_products_count() { Rückkehr; }
Denken Sie daran, die Änderungen zu speichern. Dies wird das Ergebnis am Frontend sein:
Es ist erwähnenswert, dass WooCommerce auch die Produktanzahl in Unterkategorien anzeigt. Sie können die Produktanzahl ausblenden, indem Sie den folgenden Code am Ende der Datei functions.php hinzufügen:
add_filter( 'woocommerce_subcategory_count_html', '__return_false' );
Dieser Code entfernt die Produktanzahl in den Unterkategorien.
WooCommerce Produktpreise nach Benutzerrolle ausblenden
Möglicherweise möchten Sie die Produktpreise basierend auf bestimmten Benutzerrollen in Ihrem WooCommerce-Shop als Marketingstrategie ausblenden.
WooCommerce bietet jedoch standardmäßig keine Option zum Ausblenden von Preisen. Dieser Beitrag konzentriert sich auf die Preisgestaltung basierend auf der Benutzerrolle oder deren Fehlen (Gastbenutzer).
Das Hauptziel dabei ist, die Benutzer zu ermutigen, sich anzumelden, um die Preise zu sehen. Wenn Sie diese Funktionalität hinzufügen möchten, bleiben Sie am Ende. Das Beste daran ist, dass ich Ihnen eine Schritt-für-Schritt-Anleitung gebe, wie Sie die Preise verbergen können. Ein gewisses technisches Verständnis sollte jedoch vorhanden sein.
Sie können noch einen Schritt weiter gehen und die Warenkorb- und Checkout-Preise und -Gesamtsummen für Gastbenutzer ausblenden. Wie das geht, erfahren Sie hier.
Schritte zum Ausblenden von Preisen für Gastbenutzer
Wenn Sie Preise für Gastbenutzer in Ihrem WooCommerce-Shop ausblenden möchten, sollten Sie erwägen, den folgenden Code zur Datei functions.php Ihres Themes hinzuzufügen:
/** * Produktpreis basierend auf Benutzerrolle ausblenden. */ Funktion njengah_hide_prices_guests( $price ) { if ( ! is_user_logged_in() ) { Rückkehr ''; // Rückgabe eines leeren Strings für keine Preisanzeige. } $Preis zurückgeben; } add_filter( 'woocommerce_get_price_html', 'njengah_hide_prices_guests' ); // Produktpreis ausblenden
Denken Sie daran, die Änderungen zu speichern. Dies ist das Ergebnis am Frontend:
WooCommerce-Kategorie ausblenden
In diesem Abschnitt zeige ich Ihnen, wie Sie WooCommerce-Kategorien vor der Anzeige auf der Shop-Seite verbergen können. Mit WooCommerce können Sie entscheiden, wie Ihre Produkte auf der Shop-Seite angezeigt werden sollen. Wie Sie Kategorien anzeigen können, erfahren Sie hier.
Aus verschiedenen Gründen möchten Sie möglicherweise einige Kategorien nicht auf der Startseite anzeigen. In diesem Beispiel entferne ich die Kategorie „Zubehör“. Wir können dies tun, indem wir dieser Kategorie entweder den richtigen Namen geben oder sie vor der Auflistung verbergen.
So werden die Kategorien im Frontend angezeigt:
Wenn Sie eine Kategorie ausblenden möchten, sollten Sie den folgenden Code am Ende der Datei functions.php hinzufügen:
/** * Nur Produkte der ausgewählten Kategorie anzeigen. */ Funktion get_subcategory_terms( $terms, $taxonomies, $args ) { $new_terms = array(); $hide_category = array( 19 ); // IDs der Kategorie, die Sie nicht auf der Shop-Seite anzeigen möchten // wenn eine Produktkategorie und auf der Shopseite if ( in_array( 'product_cat', $taxonomies ) && !is_admin() && is_shop() ) { foreach ( $terms als $key => $term ) { if ( ! in_array( $term->term_id, $hide_category ) ) { $new_terms[] = $term; } } $bedingungen = $neue_bedingungen; } return $terms; } add_filter( 'get_terms', 'get_subcategory_terms', 10, 3 );
Aktualisieren Sie die Seite, um das Ergebnis anzuzeigen.
Auf dem obigen Screenshot können Sie sehen, dass der Code die Kategorie „Zubehör“ mit der ID=19 entfernt hat. Denken Sie daran, die richtige ID hinzuzufügen, damit der Code funktioniert.
So verstecken Sie Produkte ohne Preis in WooCommerce
Wenn Sie Produkte ohne Preis ausblenden möchten, können Sie dieses Snippet schnell in Ihre functions.php oder Ihren Plugin-Code implementieren, und alle Produkte ohne Preis werden aus der Kundenansicht ausgeblendet. Es ist nicht kompliziert. Alles, was Sie tun müssen, ist den Code in den Designfunktionen oder den Plugin-Dateien hinzuzufügen.
Zuerst müssen Sie eine Meta-Abfrage für alle Produkte erstellen, die die Produkte erhalten, und in der Meta-Abfrage suchen Sie nach dem leeren Wert des Schlüssels – Preis, und wenn der Wert leer ist, können Sie die Meta zurücksetzen Anfrage.
Diese Meta-Abfrage muss sich an diese Aktion woocommerce_product_query anhängen, und die Callback-Funktion enthält die Logik, um alle Produkte außer denen ohne Preis anzuzeigen. Hier erfahren Sie mehr über Metaabfragen und die akzeptierten Argumente.
Hier ist der Code:
add_action( 'woocommerce_product_query', 'njengah_hide_products_without_price' ); Funktion njengah_hide_products_without_price( $q ){ $meta_query = $q->get( 'meta_query' ); $meta_query[] = array( 'Schlüssel' => '_Preis', 'Wert' => '', 'vergleichen' => '!=' ); $q->set( 'meta_query', $meta_query ); }
Dieser Code sollte der functions.php hinzugefügt werden, und Sie werden alle Produkte erfolgreich ohne den Preis ausblenden. Wie Sie an der Code-Callback-Funktion sehen können, wird der Wert der Meta-Abfrage auf eine leere Zeichenfolge gesetzt.
WooCommerce-Verkaufsabzeichen verbergen
Das WooCommerce On Sale-Abzeichen ist ein Label, das auf der einzelnen Produktseite, den Produktarchivseiten, Up-Selling, Cross-Selling und verwandten Produkten angezeigt wird. Idealerweise soll dieser Button Ihre Shop-Besucher darauf hinweisen, dass bestimmte Produkte im Angebot sind.
Sie können das WooCommerce-Angebotsabzeichen für jedes Produkt einrichten, indem Sie den Verkaufspreis und den regulären Preis für dasselbe Produkt hinzufügen. In diesem Beitrag möchte ich veranschaulichen, wie Sie das Verkaufsabzeichen ändern und wie Sie es entfernen oder ganz ausblenden können.
Das Design eines On-Sale-Abzeichens kann je nach Thema des Shops von einer WooCommerce-Website zur anderen variieren. Das standardmäßige WooCommerce-Design – Storefront wird standardmäßig mit einem einfachen Verkaufsabzeichen ohne Design geliefert, wie auf dem Bild unten gezeigt:
Wenn du das Verkaufsabzeichen aus deinem WooCommerce-Shop entfernen möchtest, solltest du erwägen, den folgenden Code zu deiner Datei „functions.php“ für dein Child-Theme hinzuzufügen:
// Filter hinzufügen, um das sale_badge zu entfernen add_filter( 'woocommerce_sale_flash', 'njengah_remove_on_sale_badge' ); Funktion njengah_remove_on_sale_badge( $sale_badge ){ Rückkehr ''; }
Dieser Code ist ein Filter, der nach dem Verkaufsabzeichen auf der Seite sucht und es durch eine leere Zeichenfolge in der Rückgabeanweisung der Callback-Funktion ersetzt. Das ist das Ergebnis:
Alternativ können Sie hier erfahren, wie Sie das Verkaufsabzeichen mit CSS ausblenden und das Abzeichen ändern können.
WooCommerce Menge auf Lager ausblenden
Sie können Bestandsmeldungen auf Ihren Produkten ausblenden, indem Sie codebezogene Änderungen an dem Design vornehmen, das Sie für Ihren WooCommerce-Shop verwenden. Ich empfehle Ihnen dringend, ein vollständiges Backup Ihres WooCommerce-Shops zu erstellen. Dies kann Ihnen dabei helfen, den ursprünglichen Zustand wiederherzustellen, wenn bei Ihren Codeänderungen etwas schief geht. Alternativ können Sie ein Child-Theme verwenden.
WooCommerce ist mit einer anständigen Inventarkontrollfunktion ausgestattet. Sie können diese Option in Ihrem Shop über die Registerkarte „Inventar“ des Produktbearbeitungsbildschirms im WordPress-Adminbereich aktivieren. Wie Sie die vorrätige Menge anzeigen können, sehen Sie hier.
Standardmäßig wird die Bestandsmeldung auf der Einzelproduktseite wie folgt angezeigt:
Wenn Sie dieses Element ausblenden möchten, sollten Sie das folgende Code-Snippet am Ende der Datei functions.php hinzufügen:
/** * Blenden Sie die Meldung „Auf Lager“ auf der Produktseite aus. * * @param-String $html * @param Zeichenfolge $text * @param WC_Product $produkt * @return-String */ Funktion njengah_wc_hide_in_stock_message( $html, $text, $product ) { $verfügbarkeit = $produkt->get_availability(); if ( isset( $availability['class'] ) && 'auf Lager' === $availability['class'] ) { Rückkehr ''; } gib $html zurück; } add_filter( 'woocommerce_stock_html', 'njengah_wc_hide_in_stock_message', 10, 3 );
Um das Ergebnis zu sehen, aktualisieren Sie die Produktseite und Sie werden sehen, dass die Nachricht entfernt wurde:
WooCommerce Produktgewicht ausblenden
Wenn Sie digitale Produkte verkaufen, müssen Sie das Gewicht und die Abmessungen Ihres Produkts möglicherweise nicht angeben. Wenn Sie das Produkt nicht versenden, ist es außerdem nicht erforderlich, sein Gewicht anzuzeigen.
Bevor wir jedoch beginnen, ist es erwähnenswert, dass Ihr Design das Gewicht und die Abmessungen für ein Produkt nicht anzeigt, es sei denn, diese Informationen werden im Backend hinzugefügt. Hier erfahren Sie mehr über das Hinzufügen des Gewichts von Produkten. Aus dem Bild können Sie sehen, dass ich das Gewicht hinzugefügt habe, und so wird es im Frontend angezeigt:
Wenn Sie dieses Element ausblenden möchten, sollten Sie den folgenden Code am Ende der Datei functions.php des Themas hinzufügen:
/** * Blendet das Gewicht und die Abmessungen des Produkts auf der Einzelproduktseite aus. */ add_filter( 'wc_product_enable_dimensions_display', '__return_false' );
Denken Sie daran, die Änderungen, die Sie an dieser Datei vornehmen, zu speichern. Hier ist das Ergebnis am Frontend:
WooCommerce SKU, Kategorie und Tags auf der Produktseite ausblenden
Wenn Sie ein WordPress-Entwickler sind, würden Sie denken, dass es dafür einen speziellen WooCommerce-Filter gibt. Allerdings gibt es dafür keinen Filter. Das bedeutet, dass wir den gesamten „Produkt-Meta“-Block entfernen müssen. Zusätzlich können Sie die gewünschten Informationen wieder hinzufügen, z. B. die Kategorien.
Wenn Sie kein Entwickler sind, kopieren Sie das Snippet in Ihre functions.php und beobachten Sie die Änderungen. Außerdem müssen Sie lernen, wie Sie die Produktzusammenfassung anzeigen und erneut anzeigen, wenn Sie sie entfernen. Wie das geht, erfahren Sie hier.
So wird die Produktübersicht im Frontend angezeigt:
Wenn Sie die Produktzusammenfassung ausblenden möchten, sollten Sie den folgenden Code am Ende der Datei functions.php Ihres Themes hinzufügen:
/** * SKU, Katzen, Tags auf einer einzelnen Produktseite ausblenden - WooCommerce */ remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
Denken Sie daran, Ihre Änderungen zu speichern. Dies wird das Ergebnis am Frontend sein:
WooCommerce Preis ausblenden, wenn nicht vorrätig
WooCommerce kümmert sich um Ihre Inventaranforderungen. WooCommerce ist ein optimiertes System, das Ihnen die Zeit und Mühe erspart, die zum Aktualisieren Ihres Bestands erforderlich sind. Darüber hinaus ist es flexibel für die Anpassung, um die fehlenden Funktionen auszugleichen.
Potenzielle Käufer sind frustriert, wenn sie die Out-of-Stock-Benachrichtigung sehen oder wenn das Produkt nicht verfügbar ist. Eines der Dinge, die Sie tun können, ist, den Preis von Produkten zu verbergen, die nicht auf Lager sind.
Darüber hinaus gibt es viele Situationen, in denen diese Funktionalität sinnvoll ist. Wenn Sie beispielsweise einen WooCommerce-Mitgliedsshop haben, möchten Sie Ihre Preise wahrscheinlich vor nicht registrierten Besuchern verbergen. Hier erfahren Sie mehr über das Ausblenden des Preises.
Wenn Sie den Preis für nicht vorrätige Produkte auf der einzelnen Produktseite ausblenden möchten, fügen Sie den folgenden Code in die Datei functions.php Ihres Themes ein:
/** * Preis ausblenden, wenn nicht vorrätig */ add_filter( 'woocommerce_variable_sale_price_html', 'njengah_remove_prices', 10, 2 ); add_filter( 'woocommerce_variable_price_html', 'njengah_remove_prices', 10, 2 ); add_filter( 'woocommerce_get_price_html', 'njengah_remove_prices', 10, 2 ); function theanand_remove_prices( $price, $product ) { if ( ! $product->is_in_stock()) { $preis = ''; } $Preis zurückgeben; }
Das ist das Ergebnis:
WooCommerce Zusätzliche Informationen ausblenden
Wenn Sie Versandinformationen zu Ihrem Produkt hinzufügen (Gewicht und Abmessungen), werden diese automatisch der Registerkarte „Zusätzliche WooCommerce-Informationen“ auf der Produktseite hinzugefügt.
Die Vorlage für die Registerkarte „Zusätzliche Informationen“ fügt eine Liste der gesamten Produktattribute hinzu. Wenn Sie etwas recherchieren, werden Sie feststellen, dass diese Attribute aus der Vorlage product-attributes.php über diese Funktion hinzugefügt werden: enable_dimensions_display(). Warum eine PHP-Lösung besser ist als eine CSS-Lösung, erfahren Sie hier.
So wird die Registerkarte Zusätzliche Informationen im Storefront-Design angezeigt:
Wenn Sie den Abschnitt „Zusätzliche Informationen“ ausblenden möchten, sollten Sie den folgenden Code am Ende der Datei „functions.php“ hinzufügen:
/** * Entfernen Sie die Registerkarte „Zusätzliche Informationen“ auf der WooCommerce-Einzelproduktseite */ add_filter( 'woocommerce_product_tabs', 'njengah_remove_product_tabs', 9999 ); Funktion njengah_remove_product_tabs( $tabs ) { unset( $tabs['zusätzliche_informationen'] ); gib $tabs zurück; }
Dies ist das Ergebnis auf der einzelnen Produktseite:
WooCommerce Tab-Titel ausblenden
WooCommerce hat drei verschiedene Registerkarten und sie haben Überschriften. Diese Registerkarten sind:
- Zusätzliche Information
- Bewertungen
- Beschreibung (wird angezeigt, wenn Sie Beschreibungsinhalte für das Produkt hinzugefügt haben)
In diesem Abschnitt erfahren Sie, wie Sie den Titel der Registerkarte „Beschreibung“ auf der Einzelproduktseite ausblenden und ändern. Wenn Sie den Titel der Registerkarte „Zusätzliche Informationen und Bewertungen“ ausblenden und ändern möchten, finden Sie hier die vollständige Lösung.
So wird der Titel der Registerkarte Beschreibung im Frontend angezeigt:
Um die Überschrift der Registerkarte „Beschreibung“ auszublenden und zu ändern, sollten Sie das folgende Code-Snippet am Ende der Datei „functions.php“ hinzufügen:
// Titel der Produktbeschreibung entfernen add_filter( 'woocommerce_product_description_heading', '__return_null' ); // Titel der Produktbeschreibung ändern add_filter('woocommerce_product_description_heading', 'change_product_description_heading'); Funktion change_product_description_heading() { return __('NEUER TITEL HIER', 'woocommerce'); }
Dies ist das Ergebnis am Frontend:
WooCommerce SKU ausblenden
WooCommerce ermöglicht es Ihnen, SKU für jedes Produkt auf der Seite mit den Produkteinstellungen im Backend hinzuzufügen. In diesem Abschnitt erfahren Sie, wie Sie die Produkt-SKU sogar im Admin-Bereich vollständig ausblenden können. Wenn Ihr Shop jedoch SKU für die Verwaltung behält, Sie sie aber nicht im Admin-Bereich deaktivieren möchten, können Sie hier erfahren, wie das geht.
So wird die SKU auf der Produktseite angezeigt:
Wenn Sie die SKU auch im Admin-Bereich vollständig ausblenden möchten, fügen Sie das folgende benutzerdefinierte PHP-Skript am Ende der Datei functions.php Ihres Themes hinzu:
add_filter( 'wc_product_sku_enabled', '__return_false' );
Das wird das Ergebnis sein:
Denken Sie daran, dass diese Lösung die SKU aus Ihrem gesamten WooCommerce-Shop entfernt.
So verstecken Sie die Schaltfläche „In den Warenkorb“ auf der WooCommerce-Einzelproduktseite
Bevor wir zu den detaillierten Schritten dazu kommen, fragen Sie sich vielleicht, warum Sie die Schaltfläche „In den Warenkorb“ für ein bestimmtes Produkt ausblenden können. Es gibt viele Gründe, warum Sie dies tun möchten, zum Beispiel, wenn Sie mit Elektronik wie mobilen Geräten zu tun haben, werden viele Produkte einige Tage vor dem Kauf eingeführt.
Die Spezifikationen werden früh veröffentlicht, daher geben viele Online-Shop-Besitzer detaillierte Spezifikationen der Produkte, bevor sie zum Kauf angeboten werden.
Dies bedeutet, dass der Ladenbesitzer die Schaltfläche „In den Warenkorb“ nicht auf der Seite haben kann, da er nicht möchte, dass die Leute das Produkt jetzt kaufen, bis es zum Kauf verfügbar ist.
Alternativ können Sie sich entscheiden, die Warenkorb-Schaltfläche für ein bestimmtes Produkt für einen bestimmten Zeitraum auszublenden. Wie Sie diese Funktionalität erreichen können, erfahren Sie hier.
So wird die Schaltfläche In den Warenkorb auf der Einzelproduktseite angezeigt:
Wenn Sie die Schaltfläche „Zum Warenkorb hinzufügen“ in WooCommerce für ein bestimmtes Produkt ausblenden möchten, fügen Sie den folgenden Code am Ende der Datei „functions.php“ hinzu. Denken Sie daran, die richtige Produkt-ID hinzuzufügen:
/** * @snippet „Zum Warenkorb hinzufügen“-Button in WooCommerce ausblenden */ add_filter( 'woocommerce_is_purchasable', 'woocommerce_hide_add_to_cart_button', 10, 2 ); Funktion woocommerce_hide_add_to_cart_button( $is_purchasable = true, $product ) { return ( $product->get_id() == 185 ? false : $is_purchasable ); }
Das ist das Ergebnis:
WooCommerce Vorgestelltes Bild in der Galerie der einzelnen Produktseiten ausblenden
WooCommerce verwendet das vorgestellte Bild, um ein Produkt auf Produktarchivseiten wie der Shop-Seite, Startseite, Kategorieseite, Produktsuchergebnisseite usw. darzustellen. WooCommerce verwendet das vorgestellte Bild auf den Miniaturbildern der Produktseite in der Produktbildgalerie.
Möglicherweise möchten Sie das vorgestellte Bild jedoch nicht in die Produktbildgalerie aufnehmen. In diesem Beitrag sehen Sie, wie es sehr einfach ist, das WooCommerce-Produktbild aus der Produktbildgalerie auf einzelnen Produktseiten auszublenden. Wenn Sie nicht wissen, wie Sie eine Produktgalerie hinzufügen, erfahren Sie hier, wie es geht.
So erscheinen die Bilder im Frontend:
Auf dem Screenshot können Sie sehen, dass das vorgestellte Bild zweimal wiederholt wird.
Um das vorgestellte Bild auszublenden, sollten Sie den folgenden Code am Ende der Datei functions.php hinzufügen:
/** * Schließen Sie das angezeigte Bild aus der Produktgalerie aus, wenn es eine Produktgalerie gibt. * * @param array $html HTML-Array zur Ausgabe für die Produktgalerie. * @param array $attachment_id ID jeder Bildvariablen. */ Funktion njengah_woocommerce_remove_featured_image( $html, $attachment_id ) { global $post, $product; // Holen Sie sich die IDs. $attachment_ids = $product->get_gallery_image_ids(); // Wenn es keine gibt, machen Sie weiter und kehren Sie früher zurück - mit dem vorgestellten Bild in der Galerie. if ( ! $attachment_ids ) { gib $html zurück; } // Suchen Sie nach dem vorgestellten Bild. $featured_image = get_post_thumbnail_id( $post->ID ); // Falls vorhanden, aus der Galerie ausschließen. if ( ist_produkt() && $attachment_id === $featured_image ) { $html = ''; } gib $html zurück; } add_filter( 'woocommerce_single_product_image_thumbnail_html', 'njengah_woocommerce_remove_featured_image', 10, 2 );
Das ist das Ergebnis:
Blenden Sie das WooCommerce-Produktmengenfeld auf der Produktseite aus
In diesem Abschnitt sehen Sie, wie es einfach ist, die hinterlegte Produktmenge auf der Einzelproduktseite auszublenden. Ich zeige Ihnen, wie es für viele Produkte geht. Sie können die Mengenauswahl für ein bestimmtes Produkt jedoch mithilfe eines benutzerdefinierten PHP- oder CSS-Snippets ausblenden. Mehr dazu erfahren Sie hier.
So wird die Mengenauswahl auf der Produktseite angezeigt:
Der folgende Code hilft Ihnen, die Menge auszublenden oder zu entfernen, wenn es viele Produkte gibt. Dies ist sehr einfach, da Sie den Code kopieren und in die Datei functions.php einfügen müssen:
/** * @desc In allen Produkttypen entfernen */ function woo_remove_all_quantity_fields( $return, $product ) { gib true zurück; } add_filter( 'woocommerce_is_sold_individually', 'woo_remove_all_quantity_fields', 10, 2 );
Das ist das Ergebnis:
So verbergen Sie nicht vorrätige Variationen in WooCommerce
Mit digitalen Produkten wird ein bequemer Ort geschaffen, an dem Benutzer auf Ihre Produkte zugreifen können. Ein gutes Beispiel ist der von Apple Company erstellte iTunes Store, der die bequeme Suche nach Musik bietet. Benutzer sind auch bereit, für diesen Komfort zu zahlen, da diese Produkte heruntergeladen werden können.
Sie müssen die Frustration der Benutzer vermeiden, indem Sie sie niemals ein Produkt oder eine Produktvariante aus dem Vorrat nehmen lassen, nur um festzustellen, dass sie es nicht kaufen können. WooCommerce blendet standardmäßig keine Varianten aus, die nicht vorrätig sind. Es informiert den Benutzer nur darüber, dass das Produkt nicht vorrätig ist, nachdem er zuerst die Variante ausgewählt hat. Das Standard-Erscheinungsbild der Produktseite für eine nicht vorrätige Variante sieht folgendermaßen aus:
Wenn Sie nicht wissen, wie man komplexe herunterladbare WooCommerce-Produkte verkauft, können Sie hier lernen, wie man sie erstellt und hinzufügt.
Jetzt, da Sie wissen, wie man komplexe herunterladbare Produkte verkauft, müssen Sie den folgenden Code am Ende der Datei functions.php Ihres Themes hinzufügen:
/** * @snippet Nicht vorrätige Variationen deaktivieren @ WooCommerce Single */ add_filter( 'woocommerce_variation_is_active', 'njengah_grey_out_variations_out_of_stock', 10, 2 ); Funktion njengah_grey_out_variations_out_of_stock( $is_active, $variation ) { if ( ! $variation->is_in_stock() ) gebe false zurück; gib $is_active zurück; }
Um das Ergebnis zu sehen, aktualisieren Sie die Produktseite und Sie werden sehen, dass die Produktvariation deaktiviert wurde, wenn sie nicht auf Lager ist:
WooCommerce Mobile Elemente ausblenden
Eines der wichtigsten Dinge, die Besitzer von WooCommerce-Shops tun müssen, ist sicherzustellen, dass ihre Website für Mobilgeräte optimiert ist. Dies ist jedoch möglicherweise nicht so einfach, wie es sich anhört. Sie können eine Website haben, die auf mobilen Geräten funktioniert und eine Website für mobile Geräte hat. Ich empfehle Ihnen dringend, sicherzustellen, dass Ihre Website auf Mobilgeräten funktioniert.
In diesem Abschnitt erfahren Sie, wie Sie einige mobile WooCommerce-Elemente ausblenden.
So verstecken Sie das Storefront Mobile Cart-Symbol in WooCommerce
Das Storefront-Theme wird als offizielles WooCommerce-Theme bezeichnet und ist sehr reaktionsschnell. In diesem Abschnitt erfahren Sie, wie Sie das Symbol für den mobilen Einkaufswagen ausblenden können. Ich werde die Option „Anpassen“ unter „Aussehen“ im Dashboard verwenden, um dieses Element auszublenden. In diesem Abschnitt können Sie Ihr Design einfach auf viele Arten ändern, die vom Autor des Designs zugelassen sind. Der Trick besteht jedoch darin, herauszufinden, welches CSS verwendet werden soll.
Wenn Besucher in Ihr Geschäft kommen, sehen sie ein kleines Menü-Einkaufswagen-Symbol am unteren Rand des mobilen Bildschirms. Möglicherweise möchten Sie dieses Element ausblenden und an einer anderen Stelle platzieren. Hier erfahren Sie, wie Sie das Element identifizieren, das Sie ändern müssen.
So wird das mobile Einkaufswagensymbol im Storefront-Design angezeigt:
Wenn Sie dieses Symbol entfernen möchten, sollten Sie den folgenden CSS-Code im Abschnitt „Zusätzliches CSS“ hinzufügen:
.footer-warenkorb-inhalt{ Anzeige: keine!wichtig; }
Das ist das Ergebnis:
So verstecken Sie die mobile Fußzeile vor Storefront WooCommerce
Viele Leute verwenden das Storefront-Thema mit WooCommerce, aber nur als Katalog, sodass Kunden die Produkte ansehen, aber nicht kaufen können.
In diesem Fall benötigen Sie die Warenkorb- und Kassenseiten wahrscheinlich nicht, also entfernen Sie sie. Storefront zeigt jedoch weiterhin ein Menü im Footer-Bereich an, wenn Sie die Website auf einem mobilen Gerät besuchen. Dieses Menü führt Sie auch zur Warenkorbseite, die Sie entfernt haben. Eine ausführliche Anleitung, wie Sie mit CSS die mobile Fußzeile ausblenden können, erhalten Sie hier.
So wird die mobile Fußzeile angezeigt:
Wenn Sie die mobile Fußzeile entfernen möchten, sollten Sie den folgenden CSS-Code am Ende der Datei functions.php Ihres Themes hinzufügen:
remove_action( 'storefront_footer', 'storefront_handheld_footer_bar', 999 );
Um das Ergebnis zu sehen, aktualisieren Sie die Website auf einem mobilen Gerät, und Sie werden sehen, dass die Fußzeile entfernt wurde:
WooCommerce Header ausblenden
Der Header einer WordPress-Site ist ein universelles Element, das auf jeder Seite und jedem Beitrag erscheint. Aufgrund seiner prominenten Platzierung dient der Header häufig als erster Eindruck Ihrer Website-Besucher. Sie können kritische Informationen und Handlungsaufforderungen (CTAs) kritische Informationen und Handlungsaufforderungen (CTAs) hinzufügen. Dieser wichtige Bereich ist es wert, angepasst zu werden. In diesem Abschnitt erfahren Sie, wie Sie einige Elemente in der Kopfzeile ausblenden.
So verstecken Sie den WooCommerce-Warenkorb im Navigationsmenü
Standardmäßig erlaubt Ihnen WooCommerce nicht, das WooCommerce-Warenkorbsymbol in der Kopfzeile oder Navigation zu deaktivieren. Es gibt zwei Möglichkeiten, das Warenkorb-Symbol im Navigationsmenü auszublenden. Sie können PHP oder CSS verwenden. Die CSS-Lösung erfordert, dass Sie zuerst das Element identifizieren, das Sie ändern müssen. Hier erfahren Sie mehr darüber.
Wenn Sie Chrome oder Firefox verwenden, erleichtern sie das Überprüfen und Bearbeiten von Elementen im DOM. Mit diesen Browsern können Sie die gesamte Struktur einer Webseite überprüfen, einschließlich aller Elemente und ihrer Eigenschaften. In unserem Fall möchten wir ein bestimmtes Element namens Einkaufswagensymbol auswählen.
So wird das Einkaufswagen-Symbol in der Kopfzeile angezeigt:
Wenn Sie dieses Element ausblenden möchten, sollten Sie den folgenden PHP-Code am Ende der Datei functions.php Ihres Themes hinzufügen:
/** * Warenkorb-Symbol deaktivieren */ Funktion remove_sf_actions() { remove_action( 'storefront_header', 'storefront_header_cart', 60 ); } add_action( 'init', 'remove_sf_actions' );
Dies ist das Ergebnis am Frontend:
WooCommerce Header ausblenden
Das Bearbeiten des Headers eines Themes kann für den durchschnittlichen WordPress-Benutzer eine schwierige Aufgabe sein. Das Storefront-Design ist jedoch sehr einfach anzupassen. Es dauert nur eine Handvoll Klicks, um das Format der Kopfzeile zu bearbeiten, Kopfzeilenelemente auszublenden, Hintergrund, Text und Linkfarben zu ändern. In diesem Abschnitt erfahren Sie, wie Sie die Kopfzeile im Storefront-Thema auf einfache Weise entfernen können.
Zuerst müssen wir den Header und alle seine Elemente mithilfe der Konsole identifizieren. Danach füge ich der Konsole eine neue Regel hinzu, um zu sehen, ob sie funktioniert. Wenn ich die gewünschten Ergebnisse erhalte, mache ich die Änderungen dauerhaft, indem ich die neue Regel im Abschnitt „Zusätzliches CSS“ hinzufüge. Mehr dazu erfahren Sie hier.
Wenn Sie die Kopfzeile im Storefront-Design ausblenden möchten, fügen Sie den folgenden CSS-Code im Abschnitt „Zusätzliches CSS“ hinzu:
.site-header { Anzeige: keine; }
Das wird das Ergebnis sein:
WooCommerce Meine Kontoseite ausblenden
Das Anpassen der WooCommerce-Seite „Mein Konto“ ist eine der am häufigsten nachgefragten Funktionen von Entwicklern. Diese Seite ist für den reibungslosen Ablauf des Betriebs von entscheidender Bedeutung. Daher sollte diese Seite ein sauberes Design haben, damit Benutzer das Beste aus der Kontoverwaltung machen können. Sie können diese Seite anpassen, um mehr Verkäufe zu erzielen oder Kunden dazu zu bringen, in Ihr Geschäft zurückzukehren. In diesem Abschnitt werde ich Ihnen mitteilen, wie Sie Elemente auf dieser Seite ausblenden können.
So wird die Seite „Mein Konto“ im Frontend angezeigt:
WooCommerce Downloads von meinem Konto ausblenden
Um die Seite Mein Konto des Download-Menüs in Ihrem WooCommerce-Shop zu entfernen, müssen Sie keinen Code schreiben, da eine einfache Einstellungsoption oft übersehen wird. WooCommerce-Endpunkte ermöglichen es Benutzern, URL-Erweiterungen zu erstellen, die für die gängigsten WooCommerce-Seiten benutzerdefiniert sind.
Im Idealfall soll diese Funktion WooCommerce flexibler und anpassbarer machen, um einer Vielzahl von Endbenutzeranforderungen gerecht zu werden.
Im Folgenden finden Sie eine kurze Zusammenfassung der verschiedenen WooCommerce-Endpunkte, die Sie auf Ihrer Website unter WooCommerce-Einstellungen > Erweiterte Einstellungen > Endpunkte anpassen können. Hier erfahren Sie mehr über den WooCommerce-Endpunkt.
Einer der vielen Gründe, warum Sie das Menü „Downloads“ möglicherweise von der Seite „Mein Konto“ entfernen möchten, ist, wenn Sie keine digitalen oder herunterladbaren Produkte verkaufen.
Gehen Sie zu den WooCommerce-Einstellungen, um es zu entfernen, dann zu Erweiterte Einstellungen und suchen Sie nach dem Abschnitt Endpunkte. Suchen Sie in diesem Abschnitt nach dem Downloads-Endpunkt, löschen Sie den Inhalt des Textfelds und aktualisieren Sie die Einstellungen.
Dies wird das Ergebnis am Frontend sein:
WooCommerce Dashboard ausblenden
Die Seite „Mein Konto“ ist wirklich wichtig, da dort die wichtigen Informationen Ihrer Benutzer und Kunden gespeichert werden. Darüber hinaus können Ihre Kunden hier ihre Konten verwalten, Rechnungsdetails, Adressen usw. für Sie hinzufügen.
Ich empfehle Ihnen jedoch dringend, diesen Abschnitt anzupassen, damit Sie Ihre registrierten Benutzer beeindrucken und mehr Geschäftsmöglichkeiten mit ihnen loslassen können.
Beachten Sie, dass die Dashboard-Seite die einzige Seite unter den Kontoseiten ist, die keinen Endpunkt hat. Daher benötigen wir hierfür ein benutzerdefiniertes PHP-Skript.
Wenn Sie die Registerkarte Dashboard ausblenden möchten, sollten Sie den folgenden Code am Ende der Datei functions.php Ihres Themes hinzufügen:
/** * @snippet Dashboard auf der Seite „Mein Konto“ ausblenden */ add_filter( 'woocommerce_account_menu_items', 'njengah_remove_my_account_dashboard' ); Funktion njengah_remove_my_account_dashboard( $menu_links ){ unset( $menu_links['dashboard'] ); $menu_links zurückgeben; }
Wie der Code funktioniert und wie Sie die Dashboard-Seite erkennen und zu den Bestellungen weiterleiten können, erfahren Sie hier.
Das ist das Ergebnis:
So verbergen Sie einen beliebigen Tab Meine Kontoseite WooCommerce
In diesem Abschnitt erfahren Sie, wie Sie mithilfe eines benutzerdefinierten PHP-Code-Snippets eine beliebige Registerkarte der Seite „Mein Konto“ ausblenden können. Wenn Sie mit der PHP-Anpassung vertraut sind, kann fast alles mit einfachen Snippets erreicht werden.
Hier erfahren Sie mehr über Endpunkte. Darüber hinaus können Sie auch jede Registerkarte umbenennen.
Wenn Sie eine Registerkarte ausblenden möchten, sollten Sie den folgenden Code am Ende der Datei functions.php Ihres Themas hinzufügen:
add_filter ( 'woocommerce_account_menu_items', 'njengah_remove_my_account_links' ); Funktion njengah_remove_my_account_links( $menu_links ){ unset( $menu_links['Adresse bearbeiten'] ); // Adressen //unset( $menu_links['dashboard'] ); // Dashboard entfernen //unset( $menu_links['Zahlungsmethoden'] ); // Zahlungsmethoden entfernen //unset( $menu_links['bestellungen'] ); // Bestellungen entfernen //unset( $menu_links['downloads'] ); // Downloads deaktivieren //unset( $menu_links['edit-account'] ); // Registerkarte "Kontodetails" entfernen //unset( $menu_links['Kunden-Logout'] ); // Abmeldelink entfernen $menu_links zurückgeben; }
Der Code funktioniert gut, aber Sie brauchen keine Codierung, wenn Sie sowohl den Menüpunkt als auch seine Seite entfernen möchten. Dies liegt daran, dass Sie alle standardmäßigen Unterseiten von Mein Konto unter WooCommerce > Einstellungen > Erweitert finden. Scrollen Sie nach unten zu Kontoendpunkte. Sie müssen lediglich einen bestimmten Endpunkt leer setzen.
WooCommerce Admin-Bereich ausblenden
Der WooCommerce-Admin-Bereich ist einer der wichtigsten Bereiche auf jeder WooCommerce-Site. Sie können Ihre Berichte im Admin-Bereich überprüfen, um Ihre Leistung mit Statistiken zu verfolgen.
In diesem Abschnitt erfahren Sie, wie Sie verschiedene Elemente im Admin-Bereich Ihrer WooCommerce-Site ausblenden.
WooCommerce verbirgt Fehler vor Besuchern
Veraltete Plugins und Themes verursachen meistens PHP-Fehlermeldungen. Die Kerndateien ändern sich oft mit WordPress-Updates, wodurch einige Teile des Codes obsolet werden.
Darüber hinaus können Themes und Plugins auch PHP-Warnmeldungen anzeigen, wenn sie mit etwas Inkompatiblem verwendet werden. Zwei verschiedene Plugins können für sich allein gut funktionieren, haben aber Probleme, wenn sie miteinander gekoppelt sind. Dies liegt daran, dass nicht alle Entwickler beim Entwickeln von Website-Dateien dieselbe Syntax verwenden.
Einige dieser Warnungen bedeuten jedoch nicht unbedingt, dass Ihre Website defekt ist. Sie sehen für einen ahnungslosen Besucher nicht gut aus. Der Entwickler kann ein Update erstellen, um die Warnung zu beheben, aber es dauert länger.
In diesem Abschnitt geht es um das Anpassen der Datei wp-config.php. Ich empfehle Ihnen dringend, ein Backup Ihrer Website zu erstellen, bevor Sie Änderungen am Code vornehmen. Dies ist eine Vorsichtsmaßnahme für den Fall, dass etwas schief geht. Sie können Ihre Website schnell wiederherstellen.
Suchen Sie in Ihrer wp-config.php-Datei nach der folgenden Zeile:
define('WP_DEBUG', true);
In einigen Fällen kann es jedoch auf "false" gesetzt werden:
define('WP_DEBUG', false);
In beiden Fällen müssen Sie diese Zeile durch den folgenden Code ersetzen:
ini_set('display_errors','Off'); ini_set('error_reporting', E_ALL); define('WP_DEBUG', false); define('WP_DEBUG_DISPLAY', false);
Denken Sie daran, Ihre Änderungen zu speichern und Ihre wp-config.php-Datei wieder auf den Server hochzuladen.
Der nächste Schritt besteht darin, das Frontend zu besuchen, um zu bestätigen, dass die PHP-Fehler, Hinweise und Warnungen verschwunden sind.
Sie können sie auch auf einem lokalen Server oder Staging-Bereich zurücksetzen, wenn Sie an einer Website arbeiten.
WooCommerce Update-Benachrichtigung ausblenden
Dieser Abschnitt veranschaulicht, wie Sie Update-Benachrichtigungen in Ihrem WooCommerce-Shop ausblenden können. Es ist auch erwähnenswert, dass WordPress ein so heikles Stück Software ist. Daher sollten Sie immer wissen, was zu tun ist, bevor Sie es tatsächlich tun.
Im Idealfall ist es am besten, regelmäßige Backups durchzuführen und neue Versionen von WooCommerce zu testen, bevor Sie Ihren WooCommerce-Shop aktualisieren. Mit den richtigen Tools können Sie Ihre WooCommerce-Site auf dem neuesten Stand halten. Möglicherweise möchten Sie die Update-Benachrichtigung jedoch ausblenden. Sie können eine Staging-Umgebung verwenden, um das von Ihrem Hosting-Unternehmen bereitgestellte Update zu testen.
Wenn es um WooCommerce-Updates geht, gibt es unter Ladenbesitzern vier Denkschulen.
Wenn Sie die Update-Benachrichtigungen ausblenden möchten, sollten Sie den folgenden Code am Ende der Datei functions.php hinzufügen:
/** * Deaktivieren Sie Update-Benachrichtigungen im WordPress-Dashboard */ add_action( 'admin_init', 'njengah_hide_update_notifications_users' ); Funktion njengah_hide_update_notifications_users() { globales $Menü, $Untermenü; $user = wp_get_current_user(); // GEBEN SIE HIER DEN EINZIG ZUGELASSENEN BENUTZERNAMEN EIN $allowed = array( 'felixmatara' ); // WP-, PLUGIN-, THEME-BENACHRICHTIGUNGEN FÜR ALLE ANDEREN BENUTZER AUSBLENDEN if ( $user && isset( $user->user_login ) && ! in_array( $user->user_login, $erlaubt ) ) { add_filter( 'pre_site_transient_update_core', 'njengah_disable_update_notifications' ); add_filter( 'pre_site_transient_update_plugins', 'njengah_disable_update_notifications' ); add_filter( 'pre_site_transient_update_themes', 'njengah_disable_update_notifications' ); // ENTFERNE AUCH DIE ROTEN UPDATE-ZÄHLER @ SIDEBAR-MENÜEINTRÄGE $menu[65][0] = 'Plugins aktuell'; $submenu['index.php'][10][0] = 'Updates deaktiviert'; } } Funktion njengah_disable_update_notifications() { global $wp_version; return (object) array( 'last_checked' => time(), 'version_checked' => $wp_version, ); }
Denken Sie nach Eingabe des Codes daran, die Datei functions.php zu aktualisieren. Dadurch werden die Update-Benachrichtigungen vor anderen Benutzern ausgeblendet, wie unten gezeigt:
WooCommerce Bestellstatus ausblenden
Aus verschiedenen Gründen möchten Sie möglicherweise einige der wichtigsten Auftragsstatus ausblenden. Die Standardversion von WooCommerce ermöglicht es Ihnen jedoch, Bestellungen mit einem der folgenden Status als abgeschlossen, in Bearbeitung, ausstehende Zahlung, zurückgestellt, erstattet, storniert oder fehlgeschlagen zu markieren.
Lassen Sie uns einen Blick darauf werfen, wie Sie den Bestellstatus in WooCommerce mithilfe eines Code-Snippets verbergen können. Um die standardmäßigen Bestellstatusmeldungen zu überprüfen, melden Sie sich bei Ihrer WordPress-Site an und greifen Sie als Admin-Benutzer auf das Dashboard zu. Klicken Sie dann auf WooCommerce > Bestellungen . Sie werden dies sehen:
Es ist erwähnenswert, dass Sie beim Ausblenden von Kernbestellstatus sicherstellen, dass es keine Produkte mit diesem Status gibt. Außerdem solltest du darauf achten, dass dein WooCommerce-Shop diesen Status nirgendwo verwendet, da es sonst zu Fehlern kommen kann. Wenn Sie beispielsweise keine Rückerstattungen in Ihrem WooCommerce-Shop planen, können Sie den Rückerstattungsstatus ausblenden.
Wenn Sie einen Bestellstatus ausblenden möchten, fügen Sie den folgenden Code am Ende der Datei functions.php Ihres Themes hinzu:
/* * Kernauftragsstatus entfernen * @param array $wc_statuses_arr Array aller Bestellstatus auf der Website */ Funktion njengah_remove_order_statuses( $wc_statuses_arr ){ // Wird bearbeitet if( isset( $wc_statuses_arr['wc-processing'] ) ) { // falls vorhanden unset( $wc_statuses_arr['wc-processing'] ); // aus dem Array entfernen } // Zurückerstattet if( isset( $wc_statuses_arr['wc-refunded'] ) ){ unset( $wc_statuses_arr['wc-refunded'] ); } // In Wartestellung if( isset( $wc_statuses_arr['wc-on-hold'] ) ){ unset( $wc_statuses_arr['wc-on-hold'] ); } // Fehlgeschlagen if( isset( $wc_statuses_arr['wc-failed'] ) ){ unset( $wc_statuses_arr['wc-failed'] ); } // Ausstehende Zahlung if( isset( $wc_statuses_arr['wc-pending'] ) ){ unset( $wc_statuses_arr['wc-pending'] ); } // Vollendet //if( isset( $wc_statuses_arr['wc-completed'] ) ){ // unset( $wc_statuses_arr['wc-completed'] ); //} // Abgesagt //if( isset( $wc_statuses_arr['wc-cancelled'] ) ){ // unset( $wc_statuses_arr['wc-cancelled'] ); //} gebe $wc_statuses_arr zurück; // Ergebnisstatus zurückgeben } add_filter( 'wc_order_statuses', 'njengah_remove_order_statuses' );
Das ist das Ergebnis:
Sie können auch einen benutzerdefinierten Bestellstatus hinzufügen.
WooCommerce verbirgt Preise vor Google
Google ist eine mächtige Organisation, wenn es um die Produktsuche geht. Google schlägt Amazon bei der Reichweite der Produktsuche. Darüber hinaus ist es erwähnenswert, dass viele Online-Einkäufe mit einer Google-Suche beginnen. Google verwendet Rich Snippets und ist deshalb bei der Produktsuche hervorragend.
Rich Snippets geben Käufern die Möglichkeit, Produkte anzuzeigen, die für ihre Suche relevant sind. Darüber hinaus können sie Bewertungen lesen und Preise von einem Ort aus vergleichen. Rich Snippets fungieren als vollständige Produktenzyklopädie. Daher muss Ihr Online-Shop auf den Rich-Snippet-Zug von Google aufspringen.
Standardmäßig zeigt das Schema-Markup den Produktpreis in den Suchergebnissen von Google an. Zusätzlich werden Daten wie Bewertungssterne, Bestandsstatus und die Anzahl der Bewertungen angezeigt.
In bestimmten Fällen möchten Sie jedoch möglicherweise die WooCommerce-Produktpreise aus den Google-Suchergebnissen ausblenden.
Um die Preise vor Google zu verbergen, fügen Sie den folgenden Code am Ende der Datei functions.php Ihres Themes hinzu:
/** * @snippet Preise vor Suchmaschinen verbergen */ add_filter( 'woocommerce_structured_data_product_offer', '__return_empty_array' );
Denken Sie daran, die vorgenommenen Änderungen zu speichern.
WooCommerce Hide Marketing Hub
Seit WooCommerce 4.1 gibt es einen Marketing-Tab unter dem Analytics-Menüpunkt. Dieser Abschnitt wird als WooCommerce Marketing Hub bezeichnet. Dieser Abschnitt zeigt eine Liste empfohlener Plugins, um Ladenbesitzern den Einstieg in die Vermarktung ihrer Geschäfte zu erleichtern. Dies ist ein ausgezeichneter Start für jeden neuen Besitzer eines WooCommerce-Shops. Außerdem können Sie in diesem Abschnitt Coupons erstellen.
Einige Ladenbesitzer möchten den Marketing-Hub jedoch möglicherweise ausblenden, da er nur die besten Marketing-Plugins vorschlägt, die Sie verwenden können. In Zukunft könnte dieser Abschnitt um nützlichere Informationen erweitert werden, aber wenn Ihr Geschäft keine Coupons ausgibt, erscheint es abstrakt und vielleicht sogar sinnlos.
So wird der Marketing Hub im Admin-Bereich angezeigt:
Wenn Sie diesen Abschnitt entfernen möchten, sollten Sie den folgenden Code am Ende der Datei functions.php Ihres Themes hinzufügen:
/** * @ snippet WooCommerce Marketing Hub ausblenden */ add_filter( 'woocommerce_admin_features', function( $features ) { /** * Filtern Sie die Liste der Funktionen und entfernen Sie die nicht benötigten * */ Array_Werte zurückgeben ( array_filter( $features, function($feature) { return $feature !== 'marketing'; } ) ); } );
Denken Sie daran, die vorgenommenen Änderungen zu speichern.
WooCommerce Kundenbestell-E-Mail für kostenlose Bestellungen ausblenden
Während das Erstellen beeindruckender HTML-E-Mails an sich schon eine Leistung ist, bietet WooCommerce mehrere Optionen, sodass selbst WordPress-Anfänger E-Mails erstellen können. Sie können mehr darüber erfahren, was „Vanilla“ WooCommerce-E-Mail-Benachrichtigungen bietet, die an Kunden als Reaktion auf ihre Interaktionen mit dem Geschäft gesendet werden.
Es gibt Zeiten, in denen Sie kostenlose Produkte verkaufen, um Kunden Zugang zu registrierten Mitgliedern zu verschaffen. Das bedeutet, dass Sie ihnen möglicherweise nicht die E-Mail „Bestellung abgeschlossen“ senden möchten, da Ihre E-Mail-Marketing-Software die Nachverfolgungsarbeit übernimmt, oder sie beim Bezahlen automatisch zu der Ressource weitergeleitet werden.
Sie sollten die „Bestellung abgeschlossen“-E-Mails für Bestellungen aufbewahren, die nicht 0 $ kosten. WooCommerce verfügt jedoch nicht über diese integrierte Funktionalität. Wir werden ein benutzerdefiniertes PHP-Code-Snippet verwenden, um dies zu erreichen:
/** * @snippet Kundenbestell-E-Mail für Gratisbestellungen deaktivieren – WooCommerce */ // Um auf eine andere E-Mail abzuzielen, können Sie den Filter ändern, z. B.: // "woocommerce_email_recipient_customer_processing_order" add_filter( 'woocommerce_email_recipient_customer_completed_order', 'njengah_disable_customer_order_email_if_free', 10, 2 ); Funktion njengah_disable_customer_order_email_if_free( $Empfänger, $Bestellung ) { $page = $_GET['page'] = isset( $_GET['page'] ) ? $_GET['Seite'] : ''; if ( 'WC-Einstellungen' === $page ) { return $empfänger; } if ( (float) $order->get_total() === '0.00' ) $recipient = ''; return $empfänger; }
Denken Sie daran, die vorgenommenen Änderungen zu speichern.
So verstecken Sie Tags im Storefront-Thema WooCommerce
In jedem WooCommerce-Shop gibt es zwei große Taxonomieoptionen: Kategorien und Tags. Produkt-Tags sind wie Produktkategorien, aber es gibt keine Hierarchie in Tags. Das bedeutet, dass es keine „Subtags“ gibt. Wenn Sie beispielsweise Kleidung verkaufen und viele karierte Drucke haben, können Sie „kariert“ markieren.
Die Taxonomie „product_tag“ ist jedoch etwas, das wir in unserem WooCommerce-Shop selten verwenden müssen. Wenn Sie es nicht verwenden, können Sie es einfach entfernen, um die Verwaltungsoberfläche sauber zu halten. Wenn Ihr WordPress-Admin überladen ist, verringert dies die Benutzerfreundlichkeit, und Dinge, die nicht funktionieren, können selbst technische Benutzer verwirren.
Wenn Sie zur Bearbeitungsseite eines Produkts gehen, finden Sie das Metafeld „Produkt-Tags“, ähnlich dem Metafeld „Tags“ von WordPress. Sie müssen es entfernen, da Sie damit aus verfügbaren Tags auswählen und neue erstellen können.
Sie können CSS verwenden, um es in den Bildschirmoptionen auszublenden, aber das reicht nicht aus. Sie können das folgende PHP-Skript in Ihre Datei functions.php einfügen, um es auszublenden:
/** * Produkt-Tags entfernen Metabox */ add_action( 'admin_menu', 'njengah_hide_product_tags_metabox' ); Funktion njengah_hide_product_tags_metabox() { remove_meta_box( 'tagsdiv-product_tag', 'product', 'side' ); }
Das ist das Ergebnis:
Hier erfahren Sie auch, wie Sie den Link „Alle Produkte > Tags“ aus dem Admin-Menü ausblenden, die Tags-Spalte von der Seite „Alle Produkte“ entfernen und den Textbereich für Produkt-Tags aus der Schnell- und Massenbearbeitung entfernen.
So verstecken Sie Produkte ohne Preis in WooCommerce
Wenn Sie Produkte ohne Preis ausblenden möchten, können Sie dieses Snippet schnell in Ihre functions.php oder Ihren Plugin-Code implementieren, und alle Produkte ohne Preis werden aus der Kundenansicht ausgeblendet. Es ist nicht kompliziert, einfach den folgenden Code in die Designfunktionen oder die Plugin-Dateien einzufügen:
add_action( 'woocommerce_product_query', 'njengah_hide_products_without_price' ); Funktion njengah_hide_products_without_price( $q ){ $meta_query = $q->get( 'meta_query' ); $meta_query[] = array( 'Schlüssel' => '_Preis', 'Wert' => '', 'vergleichen' => '!=' ); $q->set( 'meta_query', $meta_query ); }
Diese Meta-Abfrage muss sich an diese Aktion woocommerce_product_query anhängen, und die Callback-Funktion enthält die Logik, um alle Produkte außer denen ohne Preis anzuzeigen.
So verstecken Sie die Admin-Leiste für WooCommerce-Kunden oder nach Benutzerrollen
Es ist wichtig, die Admin-Leiste in WooCommerce vor Abonnenten, Kunden und Nicht-Admin-Benutzern zu verbergen, um den Zugriff auf das WordPress-Dashboard zu vermeiden.
Um die Admin-Leiste für den Administrator auszublenden, gibt es wahrscheinlich einige Plugins, die auch für WooCommerce helfen und funktionieren können.
Bevor Sie ein Plugin verwenden, sollten Sie diese schnelle Option im WordPress-Admin-Dashboard zuerst ausprobieren. Diese Option funktioniert auch gut für WooCommerce-Sites. Es gibt keinen Unterschied.
Gehen Sie zu den Administrator-Benutzerprofileinstellungen und überprüfen Sie diese Option, um die Admin-Leiste für Administratoren beim Anzeigen der Website auszublenden.
Deaktivieren Sie diese Option, speichern Sie die Einstellungen und besuchen Sie dann das Frontend, um zu sehen, ob die Admin-Leiste ausgeblendet wurde. Wie Sie im Bild unten sehen können, wird die Admin-Leiste für den Admin-Benutzer beim Anzeigen der Website ausgeblendet.
Sie können die Admin-Barcode-Option auch mithilfe einer PHP-Funktion ausblenden. Sie können dies weiter verbessern und einen bedingten Test hinzufügen, bei dem Sie dem Administrator erlauben, die Admin-Leiste anzuzeigen, während der Kunde sie nicht anzeigen sollte.
Hier erfahren Sie, wie Sie die WordPress-Admin-Leiste programmgesteuert ohne ein Plugin ausblenden.
WooCommerce Versand ausblenden
Wenn Sie physische Waren verkaufen, ist der Versand einer der wichtigsten Aspekte für den Erfolg Ihres Geschäfts. Dies liegt daran, dass es das Kundenerlebnis direkt beeinflusst.
Kunden, die online einkaufen, erwarten, dass sie möglichst wenig bezahlen, aber Produkte schnell und in einwandfreiem Zustand erhalten. Daher müssen Sie eine gute Versandstrategie haben.
Aufgrund der technischen und logistischen Herausforderungen ist dies jedoch einer der herausforderndsten Bereiche für E-Commerce-Shop-Besitzer. In diesem Abschnitt erfahren Sie, wie Sie WooCommerce-Versandmethoden verbergen, wenn der Versand kostenlos ist und unter bestimmten Bedingungen.
So verbergen Sie WooCommerce-Versandmethoden für bestimmte Bedingungen
WooCommerce ist eine der besten E-Commerce-Lösungen, die Versandmethoden wie kostenlosen Versand, Flatrate und lokale Abholung bietet. Sie können sie basierend auf den Standorten für verschiedene Versandzonen einrichten. Beispielsweise kann die Option Kostenloser Versand nur für Postleitzahlen in der Nähe des Geschäftsstandorts und die Option Flatrate für andere Lieferzonen verwendet werden.
Erwähnenswert ist, dass der ortsbezogene Versand durch die Verwendung eines Plugins erreicht werden kann. Unter Bedingungen, in denen der Standort jedoch nicht die wichtigste Rolle spielt, wird es für Ladenbesitzer sehr schwierig, dies zu erreichen. Einige der Bedingungen könnten sein:
- Kostenloser Versand sollte nicht verfügbar sein, wenn das Bestellgewicht eine bestimmte Anzahl von lbs oder kg übersteigt.
- Wenn die Versandart verfügbar ist, basiert sie auch auf der Anzahl der Mengen oder dem Preis dieser Bestellung.
Lassen Sie uns zur Veranschaulichung die erste Bedingung verwenden, bei der ein kostenloser Versand verfügbar ist, wenn das Bestellgewicht mehr als 7 kg beträgt. Dies erfordert das folgende benutzerdefinierte PHP-Skript, das am Ende der Datei functions.php hinzugefügt werden sollte:
/** * Kostenloser Versand ausblenden, wenn das Bestellgewicht mehr als 10 kg beträgt. * * @param array $rates Array der für das Paket gefundenen Preise. * @return-Array */ Funktion njengah_hide_free_shipping_for_order_weight( $rates, $package ) { $order_weight = WC()->cart->get_cart_contents_weight(); if ( $order_weight > 7 ) { foreach( $rates as $rate_id => $rate_val ) { if ( 'free_shipping' === $rate_val->get_method_id() ) { unset( $rates[ $rate_id ] ); } } } $rate zurückgeben; } add_filter( 'woocommerce_package_rates', 'njengah_hide_free_shipping_for_order_weight', 100, 2 );
Das ist das Ergebnis:
WooCommerce So verbergen Sie Versandkosten, wenn kostenloser Versand verfügbar ist WooCommerce
Die zunehmende Versandart und deren Verfügbarkeit auf der Warenkorbseite, auch wenn dies nicht erforderlich ist, könnte die Benutzererfahrung Ihrer Website beeinträchtigen oder die Käufer verwirren. Dies wiederum reduziert die Verkäufe in Ihrem WooCommerce-Shop.
Wenn zum Beispiel kostenloser Versand verfügbar ist, möchten Sie vielleicht nicht die anderen kostenpflichtigen Versandoptionen anzeigen. WooCommerce zeigt standardmäßig alle Versandtarife an, die zu einer bestimmten Versandzone passen, daher ist es nicht möglich, dies allein über die Einstellungen zu erreichen. Dafür brauchen Sie PHP.
Ich zeige Ihnen, wie Sie alle Versandmethoden außer „Kostenloser Versand“ deaktivieren, sodass der kostenlose Versand die einzig mögliche Wahl bleibt.
Fügen Sie den folgenden Code in der Datei functions.php hinzu:
/** * Blenden Sie eine Versandoption in einer Zone aus, wenn der kostenlose Versand verfügbar ist */ add_filter( 'woocommerce_package_rates', 'njengah_unset_shipping_when_free_is_available_in_zone', 10, 2 ); function njengah_unset_shipping_when_free_is_available_in_zone( $rates, $package ) { // Tarife nur aufheben, wenn free_shipping verfügbar ist if ( isset( $rates['free_shipping:8'] ) ) { unset( $rates['flat_rate:1'] ); } $rate zurückgeben; }
Heben Sie alle Versandtarife in allen Zonen auf, wenn kostenlose Versandtarife verfügbar sind, indem Sie den folgenden Code in die Datei functions.php einfügen:
/** * Blenden Sie ALLE Versandkosten in ALLEN Zonen aus, wenn der kostenlose Versand verfügbar ist */ add_filter( 'woocommerce_package_rates', 'njengah_unset_shipping_when_free_is_available_all_zones', 10, 2 ); function njengah_unset_shipping_when_free_is_available_all_zones( $rates, $package ) { $all_free_rates = array(); foreach ( $rates als $rate_id => $rate ) { if ( 'free_shipping' === $rate->method_id ) { $all_free_rates[ $rate_id ] = $rate; brechen; } } if (leer($all_free_rates)) { $rate zurückgeben; } anders { gib $all_free_rates zurück; } }
Das ist das Ergebnis:
WooCommerce Warenkorbseite ausblenden
Der WooCommerce-Warenkorb ist eine wichtige Seite, auf der Benutzer das, was sie auf der Website kaufen möchten, anhäufen und dann einfach durch Online-Zahlung zur Kasse gehen können. Es fungiert als normaler Einkaufswagen in einem Geschäft. Die Leute können immer wieder alles, was sie kaufen möchten, in den Einkaufswagen legen und später an der Theke auschecken.
Lassen Sie mich Ihnen zeigen, wie Sie verschiedene Elemente auf dieser Seite ausblenden können.
WooCommerce Schaltfläche „Warenkorb aktualisieren“ ausblenden
Wenn Sie mit WooCommerce vertraut sind, wissen Sie, dass, wenn ein Kunde ein Produkt in seinen Warenkorb gelegt und sich entschieden hat, die Menge zu ändern, die Bestellung nur durch Klicken auf die Schaltfläche „Warenkorb aktualisieren“ mit dieser Änderung wiedergegeben werden kann.
Dies ist nur ein weiterer Schritt für Ihren Kunden, der wahrscheinlich die aktualisierte Summe sehen möchte. Daher muss diese Funktionalität optimiert werden, um Zeit zu sparen.
So wird die Schaltfläche „Aktualisieren“ auf der Seite „Warenkorb“ angezeigt:
Um die Schaltfläche „Warenkorb aktualisieren“ auszublenden, fügen Sie das folgende CSS im Abschnitt „Zusätzliches CSS“ hinzu:
input[name='update_cart'] { Anzeige: keine !wichtig; } /* ODER SIE KÖNNEN DAS VERSUCHEN */ button[name='update_cart'] { Anzeige: keine !wichtig; }
Das ist das Ergebnis:
Sie können noch einen Schritt weiter gehen und über JQuery auf die Schaltfläche „klicken“ und WooCommerce die Warenkorbsummen und Steuern aktualisieren lassen.
WooCommerce Zwischensumme ausblenden
Wenn Sie die Zwischensummenzeile auf der WooCommerce-Warenkorbseite ausblenden möchten, können Sie entweder CSS verwenden oder einen Filter-Hook verwenden, der den Wert cart_subtotal zurücksetzt. Es ist sehr einfach, diese Lösung in Ihr Thema zu implementieren.
Die Zwischensumme wird angezeigt, bevor andere Kosten wie die Versandkosten hinzugefügt werden, sodass wir eine Summe haben, die eine Kombination aller Kosten des Produkts ist, wie in der Abbildung unten gezeigt:
Wenn Sie diesen Abschnitt ausblenden möchten, sollten Sie den folgenden CSS-Code im Abschnitt Zusätzliches CSS hinzufügen:
.Warenkorb Zwischensumme { Anzeige: keine; }
So können Sie das Element extrahieren, das wir ändern müssen:
So blenden Sie das WooCommerce-Gutscheincodefeld aus
Das Anbieten von Coupons für treue Kunden ist eine großartige Möglichkeit, mit der WooCommerce-Ladenbesitzer der Community etwas zurückgeben. Durch diese Coupons können sie Prämien oder Rabatte als Kaufanreiz anbieten. Dies ist nur eine Möglichkeit für Besitzer von WooCommerce-Shops, sich für den Kauf ihrer Produkte zu bedanken.
Sie müssen Ihren Kunden nicht zeigen oder schulen, wie sie nach Rabatten oder Coupons suchen, da sie Ihren Einkaufswagen verlassen könnten, um nach Coupons zu suchen, die in Ihrem Geschäft erhältlich sind.
Wenn Benutzer auf Coupon-Jagd gehen, schließen sie möglicherweise einen Kauf nicht ab, weil sie möglicherweise nicht zufrieden sind, da sie das Gefühl haben, einen Rabatt verpasst zu haben.
Sie können den Gutscheincode vollständig ausblenden, indem Sie die integrierte Option von WooCommerce oder das folgende benutzerdefinierte PHP-Skript verwenden, das Sie in die Datei functions.php einfügen sollten:
// Gutscheinfeld auf der Warenkorbseite ausblenden Funktion disable_coupon_field_on_cart( $enabled ) { if ( is_cart() ) { $aktiviert = falsch; } return $enabled; } add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_cart' );
Um das Ergebnis dieses Codes zu sehen, müssen Sie auf die Warenkorbseite zugreifen, und Sie werden Folgendes sehen:
WooCommerce Checkout-Seite ausblenden
Der Checkout-Prozess ist einer der wichtigsten Schritte in der Customer Journey in Ihrem Geschäft. Es ist jedoch wichtig zu beachten, dass dies die letzte Chance ist, Käufer von einem Kauf zu überzeugen. Viele Kunden verlassen Ihren Shop möglicherweise aufgrund dieser Seite. Daher muss diese Seite optimiert werden.
Eine Möglichkeit, Ihre Checkout-Seite zu optimieren, besteht darin, die Checkout-Felder an Ihre Geschäftsanforderungen und Ihre Zielgruppe anzupassen. Wenn Sie beispielsweise normalerweise nicht an Unternehmen verkaufen, entfernen Sie das Feld Firmenname.
In diesem Abschnitt führen wir Sie durch das Ausblenden von Elementen auf der Checkout-Seite.
WooCommerce Steuerkennzeichen ausblenden
Wenn Sie das „ex. Mehrwertsteuer“-Etikett, das in den Bestelldetails auf Rechnungen erscheint, ist dieser Abschnitt für Sie bestimmt. Wenn Ihr WooCommerce-Shop Artikel ohne Steuern verkauft, benötigen Sie keinen Hinweis darauf, dass die Preise ohne Steuern angegeben sind, insbesondere wenn die Rechnung einen Steuerposten enthält.
In den USA werden Zwischensummen normalerweise ohne Steuern angezeigt. Die Steuer wird als Einzelposten auf Rechnungen ausgewiesen. Dies bedeutet, dass Geschäfte, die nur innerhalb der USA verkaufen, dieses Etikett normalerweise nicht in E-Mail-Rechnungen benötigen.
Um die Labels zu entfernen, fügen Sie den folgenden Code am Ende der Datei functions.php hinzu:
Funktion njengah_change_email_tax_label( $label ) { $label = ''; $label zurückgeben; } add_filter( 'woocommerce_countries_ex_tax_or_vat', 'njengah_change_email_tax_label' );
Jetzt gibt die Tabelle mit den Bestelldetails nur Beträge ohne Beschriftung zurück, um anzugeben, dass die Preise ohne Steuern angezeigt werden:
So verbergen Sie das PayPal-Symbol auf der WooCommerce-Checkout-Seite
Eines der besten WooCommerce-Zahlungsgateways, das Sie in Ihren Shop aufnehmen sollten, ist PayPal. Viele Benutzer vertrauen diesem Gateway aufgrund seiner Rückgaberichtlinien. Daher müssen Sie diese Zahlungsmethode zu Ihrem WooCommerce-Shop hinzufügen, um Ihre Conversions zu steigern.
Einer der Mängel des WooCommerce-PayPal-Gateways ist das Symbol, das im Frontend angezeigt wird. Die meisten Benutzer möchten es oft loswerden, da es nicht zum Design ihrer Themen passt.
Sie können den Filter ändern, um das PayPal-Symbol auszublenden, indem Sie eine leere Zeichenfolge zurückgeben, wie im folgenden Code-Snippet gezeigt:
/** * PayPal-Icon-Filter ausblenden */ add_filter( 'woocommerce_paypal_icon', 'njengah_hide_the_paypal_icon' ); Funktion njengah_hide_the_paypal_icon() { Rückkehr ''; }
Alternativ können Sie das PayPal-Symbol per CSS ausblenden. Sie können das WooCommerce-PayPal-Symbol auch auf der Checkout-Seite ändern.
Das ist das Ergebnis:
WooCommerce Feld Firmenname an der Kasse ausblenden
Es gibt viele Gründe, warum Sie das Feld Firmenname aus dem WooCommerce-Checkout ausblenden möchten.
Eine der Situationen, die Sie dazu zwingen können, dieses Feld auszublenden, ist der Verkauf an Verbraucher und nicht an Unternehmen. Wenn Sie einen verbraucherorientierten WooCommerce-Shop besitzen, ist das Feld für den Firmennamen nur eine zusätzliche Reibung an Ihrer Kasse. Dies könnte Kunden möglicherweise verwirren, wenn sie nicht sicher sind, ob es ausgefüllt werden muss oder nicht.
Um das Feld Firmenname auszublenden, fügen Sie den folgenden Code am Ende der Datei functions.php hinzu:
/** * @ snippet Blenden Sie das Firmennamenfeld auf der Checkout-Seite aus */ add_filter( 'woocommerce_checkout_fields' , 'remove_company_name' ); function remove_company_name( $fields ) { unset($fields['billing']['billing_company']); $felder zurückgeben; }
Wie der Code funktioniert, erfahren Sie hier.
Dies wird das Ergebnis am Frontend sein:
WooCommerce Abrechnungsfelder ausblenden
WooCommerce fügt standardmäßig ein Formular hinzu, in das der Kunde seine Rechnungsdaten eingeben kann. In einigen Fällen möchten Sie jedoch möglicherweise einen Abschnitt der Rechnungsdetails für einige Produkte entfernen. Beispielsweise können Sie die Abrechnungsfelder für herunterladbare Produkte ausblenden.
Sie können ein Plugin wie den WooCommerce Checkout Field Editor zu Preisen von 49 $ verwenden. Dies könnte jedoch etwas teuer sein.
Die Rechnungsdetails, die wir verbergen werden, sind:
- Name
- Begleitung
- Adresse
- Stadt
- Postleitzahl
- Zustand
- Telefon
- Land
Um die Rechnungsdetails aus dem WooCommerce Checkout zu entfernen, fügen Sie den folgenden Code am Ende der Datei functions.php hinzu:
/** * @snippet Vereinfachte Kaufabwicklung, wenn nur virtuelle Produkte */ add_filter( 'woocommerce_checkout_fields' , 'njengah_simplify_checkout_virtual' ); Funktion njengah_simplify_checkout_virtual( $fields ) { $only_virtual = wahr; foreach( WC()->cart->get_cart() as $cart_item_key => $cart_item ) { // Prüfen, ob es nicht-virtuelle Produkte gibt if ( ! $cart_item['data']->is_virtual() ) $only_virtual = false; } if($nur_virtuell) { unset($fields['billing']['billing_company']); unset($fields['billing']['billing_address_1']); unset($fields['billing']['billing_address_2']); unset($fields['billing']['billing_city']); unset($fields['billing']['billing_postcode']); unset($fields['billing']['billing_country']); unset($fields['billing']['billing_state']); unset($fields['billing']['billing_phone']); add_filter( 'woocommerce_enable_order_notes_field', '__return_false' ); } $felder zurückgeben; }
Das ist das Ergebnis:
WooCommerce-Registrierung ausblenden
Mit WooCommerce können Sie sofort ein Login einrichten, mit oder ohne obligatorische Registrierung und Social Login. Darüber hinaus gibt es viele verschiedene Arten von WooCommerce-Logins, die Sie Ihrem Shop hinzufügen können.
Der Begriff „WooCommerce-Login“ ist der Prozess, bei dem sich Kunden in Ihren Online-Shop einloggen. Dies ist jedoch ein ziemlich vager Begriff, und es gibt mehrere Möglichkeiten, ihn einzurichten.
So verbergen Sie das WooCommerce-Registrierungsformular
Es gibt verschiedene Arten des WooCommerce-Logins:
- Öffentlicher WooCommerce-Shop mit Gastkasse – Dieses Setup ermöglicht es jedem, die Produkte in Ihrem Shop zu durchsuchen. Es gibt keine versteckten Inhalte.
- Öffentlicher WooCommerce-Shop mit obligatorischen Benutzerkonten – Kunden müssen sich registrieren oder sich bei ihren Konten anmelden, um Produkte zu kaufen.
- Kundenportal mit geschützten Produktkategorien – Dieses Setup verwendet einen Passwortschutz für verschiedene Teile des Shops.
- Privater WooCommerce-Shop – Den gesamten Shop ausblenden .
Um die Benutzerregistrierung an der WooCommerce-Kasse auszublenden, gehen Sie zu WooCommerce > Einstellungen. On the settings page, click on the Accounts and Privacy tab. Untick or uncheck the fields in orange:
You can learn how you can move the registration below to the billing section at the WooCommerce Checkout.
WooCommerce Fußzeile ausblenden
Hide mit Storefront & WooCommerce erstellt
Einer der Onboarding-Schritte des WooCommerce-Assistenten ermöglicht es Ihnen, entlang des Storefront WooCommerce-Themas zu installieren, was eine gute Sache ist. Wenn Sie beabsichtigen, das Thema als Ihr WooCommerce-Shop-Thema beizubehalten, müssen Sie es anpassen.
Eines der häufigsten Probleme dieses Themas sind die hartnäckigen Credit-Links in der Fußzeile, die viele Benutzer entfernen oder ersetzen möchten. Möglicherweise möchten Sie auch weitere benutzerdefinierte Funktionen wie die unterstützten Zahlungsmethoden, Symbole für soziale Netzwerke, Cookie-Hinweise und vieles mehr hinzufügen.
Wenn Sie die Links in der Fußzeile entfernen möchten, fügen Sie den folgenden Code am Ende Ihrer Datei functions.php hinzu:
remove_action('storefront_footer', 'storefront_credit',20);
Denken Sie daran, die vorgenommenen Änderungen zu speichern.
Sie können lernen, wie Sie die Child-Theme-Funktion verwenden, um den Footer-Link zu überschreiben, damit Sie Ihre eigenen Credit-Links hinzufügen können.
Fazit
Zusammenfassend zeigt dieser Beitrag, wie Sie verschiedene Elemente ausblenden können. Wie Sie sehen können, können Sie alle WooCommerce-Elemente je nach Ihren Zielen oder Ihrer Programmiererfahrung immer ausblenden.
Sie können PHP-Snippets am Ende Ihrer Child-Theme-Funktionen platzieren. CSS hingegen geht in die style.css-Datei deines Child-Themes. Stellen Sie sicher, dass Sie wissen, was Sie tun, wenn Sie solche Dateien bearbeiten. Dies ist ein Leitfaden auf Code-Ebene, und wenn Sie irgendwelche Probleme haben, ziehen Sie bitte in Betracht, einen qualifizierten WordPress-Entwickler einzustellen.
Ähnliche Artikel
- WooCommerce-Weiterleitung nach Abmeldung [Ultimate Guide]
- WooCommerce-Weiterleitung nach dem Checkout: Weiterleitung zur benutzerdefinierten Dankesseite
- So verbergen Sie nicht verfügbare Varianten in WooCommerce
- So erhalten Sie eine Bestell-ID auf der Checkout-Seite WooCommerce
- So erstellen Sie eine benutzerdefinierte Bestelleingangsseite WooCommerce
- So erstellen Sie einen Gutschein in WooCommerce
- So fügen Sie die Schaltfläche „Warenkorb anzeigen“ in WooCommerce hinzu
- So entfernen Sie den Gutschein von der Kasse in WooCommerce
- So ändern Sie das Storefront-Thema für die Schaltflächenfarbe
- So zeigen Sie Produktattribute in WooCommerce an
- So erstellen Sie eine benutzerdefinierte WooCommerce-Shop-Seite
- So importieren Sie Produkte WooCommerce
- So richten Sie den WooCommerce-Produktpreis pro kg ein
- So ändern Sie den Titel der Shop-Seite in WooCommerce
- So fügen Sie Felder im WooCommerce-Registrierungsformular hinzu
- So ändern Sie die Schaltfläche „In den Einkaufswagen“, um mehr WooCommerce zu lesen
- So installieren Sie WooCommerce Storefront Schritt für Schritt [Vollständige Anleitung]
- So fügen Sie WooCommerce eine Währung hinzu [Benutzerdefinierte Währung]
- So passen Sie WooCommerce-Produktseiten an
- So fügen Sie eine Produkt-SKU in WooCommerce hinzu