Über 100 Tipps, Tricks und Snippets Ultimativer WooCommerce-Hide-Guide

Veröffentlicht: 2021-04-24

WooCommerce Hide Guide WooCommerce 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:

  1. Wenn Produkte nur bestimmten Kunden zur Verfügung stehen, müssen die Produkte vor der Öffentlichkeit verborgen werden.
  2. Wenn Produkte nicht mehr verkauft werden, aber in Zukunft wieder verkauft werden können.
  3. 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)

  1. Melden Sie sich bei Ihrer WordPress-Site an und greifen Sie als Admin-Benutzer auf das Dashboard zu.
  2. 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:
  3. 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“.
  4. Klicken Sie daneben auf den Link Bearbeiten. Ihnen wird eine Liste mit Optionen für die Sichtbarkeit des Produkts im Frontend angezeigt. Klicken Sie auf den Produkttitel
  5. Wählen Sie die Option Versteckt Legen Sie ein verstecktes Produkt fest
  6. 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:

  1. Melden Sie sich bei Ihrer WordPress-Site an und greifen Sie als Admin-Benutzer auf das Dashboard zu.
  2. 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. Produktkategorien
  3. Alternativ können Sie den Produkten auch Kategorien über den Bildschirm zum Hinzufügen/Bearbeiten von Produkten zuweisen, wie unten gezeigt: Kategorien zuordnen
  4. 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: Hinzufügen eines Widgets
  5. Wenn Sie das Frontend aktualisieren, werden alle Kategorien aufgelistet: Produktkategorien Seitenleiste
  6. 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' )
  1. 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. leere Kategorien ausgeblendet

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: WooCommerce-Preise und Schaltfläche zum Hinzufügen zum Warenkorb

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: WooCommerce blendet Preise aus und fügt den Warenkorb-Button für abgemeldete Benutzer hinzu

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: Entfernen Sie die Schaltfläche „In den Einkaufswagen“ für bestimmte Produkte

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

  1. Gehen Sie im WordPress-Dashboard zum Untermenü WooCommerce -> Einstellungen.
  2. Klicken Sie auf die Registerkarte Produkte > Unterregisterkarte Inventar.
  3. 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:

  1. Melden Sie sich bei Ihrer WordPress-Site an und greifen Sie als Admin-Benutzer auf das Dashboard zu.
  2. 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.
  3. 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' );

 }
  1. Das wird das Ergebnis sein: Entfernen aller Produkte in WooCommerce
  2. 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' );
  1. Das wird das Ergebnis sein: Entfernen Sie die Es wurden keine Produkte gefunden, die Ihrer Auswahl entsprechen

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: Produkte vor Gästen verstecken

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: Kategorien anzeigen

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. Kategorie entfernen

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: woocommerce im verkaufsabzeichen

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:

Woocommerce im Angebotsabzeichen ausblenden | Entfernen Sie das Woocommerce On Sale-Abzeichen

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: auf Lager Nachricht

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-Aktienmeldungen ausblenden

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: Produktgewicht

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: Gewicht mit Code entfernen

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: Produktübersicht

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: Produktzusammenfassung ausblenden

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: verstecken produkt preis

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: Registerkarte Zusätzliche Informationen

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: Entfernen Sie die Registerkarte "Zusätzliche Informationen".

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: Tab-Titel

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: den Beschreibungstitel ausblenden und ändern

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: SKU im Frontend

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: WooCommerce-SKU ausblendenSKU im Admin deaktivieren

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: Standard-Look der Produkt-ID 185

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: Produkt ohne Warenkorb-Button

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: Frontend der Produktgalerie

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: Bild in der Produktgalerie ausblenden

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: Standardmengenstufe für ein Produkt

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: entfernen Sie die Menge vollständig

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: ausverkauft

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: deaktivierte Produktvariation

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: Mobiles Warenkorb-Symbol

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: Regel hinzufügen

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: Mobile Fußleiste

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: Fußzeile entfernen php

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: Warenkorb-Symbol

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: Ergebnis ohne Warenkorb

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: Keine Überschrift

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: Meine Kontoseite

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. Download-Menü entfernen Mein Konto WooCommerce

Dies wird das Ergebnis am Frontend sein: Download-Menü entfernen Mein Konto WooCommerce entfernt

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. WooCommerce-Update-Benachrichtigungen

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: Update-Benachrichtigungen ausblenden

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: Auftragsstatus Backend

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: Auftragsstatus ausblenden

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. WooCommerce-Preis in der Google-Suchmaschine

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: WooCommerce-Marketing-Hub

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. WooCommerce Admin-Leiste für Kunden oder Abonnenten ausblenden

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. WooCommerce Admin-Leiste für Kunden oder Abonnenten ausblenden

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. WooCommerce Admin-Leiste für Kunden oder Abonnenten ausblenden

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: Versandart mit Bedingung

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. Warenkorb mit mehreren Versandoptionen

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: Kostenloser Versand

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: Schaltfläche zum Aktualisieren des WooCommerce-Warenkorbs

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: Schaltfläche „Warenkorb aktualisieren“ ausblenden

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: WooCommerce-Zwischensumme ausblenden oder Warenkorb-Zwischensumme in WooCommerce entfernen

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: WooCommerce-Zwischensumme ausblenden oder Warenkorb-Zwischensumme in WooCommerce entfernen

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. Standardspeicherort des Gutscheinfelds

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: Gutscheinfeld deaktiviert

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. Steuerkennzeichen

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: WooCommerce-Steueretiketten ausblenden

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. PayPal-Standardsymbol

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: Entfernen Sie das PayPal-Symbol vollständig

WooCommerce Feld Firmenname an der Kasse ausblenden

Es gibt viele Gründe, warum Sie das Feld Firmenname aus dem WooCommerce-Checkout ausblenden möchten. Feld Firmenname auf der Checkout-Seite

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 blendet das Checkout-Feld des Firmennamens auf der Checkout-Seite aus

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. Rechnungsdetails

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: Abrechnungsfelder entfernen

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