So verstecken / entfernen Sie die Schaltfläche „In den Warenkorb“ in WooCommerce (Schritt für Schritt)

So verstecken und entfernen Sie die Schaltfläche „Zum Warenkorb hinzufügen“ in WooCommerce

Beginnen wir damit, herauszufinden, warum Sie die Schaltfläche „In den Warenkorb“ ausblenden möchten. Eine der effektivsten Möglichkeiten, den Kaufvorgang für ein bestimmtes Produkt oder Geschäft zu deaktivieren, besteht darin, die Schaltfläche „Zum Warenkorb hinzufügen“ zu entfernen. Auch wenn es seltsam erscheinen mag, kann das Entfernen der Schaltfläche „In den Warenkorb“ unter bestimmten Umständen äußerst nützlich sein.

Es gibt viele Gründe, warum Sie die Schaltfläche In den Warenkorb von einigen Seiten Ihres Shops entfernen möchten, abgesehen davon, dass Sie mehr Anpassungsoptionen erhalten:

  1. Wenn ein Produkt ausverkauft oder nicht mehr verfügbar ist
  2. Um die Schaltfläche basierend auf Logik zu deaktivieren (z. B. für bestimmte Benutzerrollen oder Produkte, nicht angemeldete Benutzer usw.)
  3. Das Produkt ist noch nicht käuflich zu erwerben.
  4. Wenn Sie möchten, dass Kunden diese Schaltfläche anstelle des standardmäßigen WooCommerce-Kaufprozesses verwenden, um eine Nachricht zu senden oder ein Interview zu vereinbaren.

Dies sind nur einige Beispiele dafür, wann Sie die Schaltfläche „In den Warenkorb“ aus Ihrem Shop ausblenden oder entfernen möchten. Beginnen wir mit dem Entfernen des WooCommerce-Add-to-Cart-Buttons aus Ihrem Shop.

 

So entfernen Sie die Schaltfläche „Zum Warenkorb hinzufügen“ in WooCommerce

In diesem Artikel erfahren Sie, wie Sie die Schaltfläche „Zum Warenkorb hinzufügen“ auf verschiedene Arten ausblenden können. Wir zeigen Ihnen, wie Sie Folgendes tun, um Ihnen mehr Optionen zu bieten:

  1. Entfernen oder verbergen Sie die Schaltfläche „Zum Warenkorb hinzufügen“ auf der gesamten Website.
  2. Blenden Sie die Schaltfläche „Zum Warenkorb hinzufügen“ für Benutzer aus, die nicht angemeldet sind.
  3. Entfernen Sie die Schaltfläche „Zum Warenkorb hinzufügen“ auf der Grundlage von Benutzerrollen.
  4. Ausblenden der Schaltfläche „In den Einkaufswagen“ bei bestimmten Produkten.
  5. Deaktivieren Sie die Schaltfläche „In den Warenkorb“ nur für einige Kategorien
  6. Entfernen Sie die Schaltfläche vorübergehend und sie wird nach einem bestimmten Datum wieder angezeigt.
  7. Werfen wir einen Blick auf jeden von ihnen in verschiedenen Abschnitten.

Hinweis: Da wir WordPress-Kerndateien bearbeiten werden, empfehlen wir, eine vollständige Sicherung Ihrer Website zu erstellen, falls etwas schief geht. Sie können auch ein untergeordnetes Thema verwenden. Wenn Sie noch keines haben, können Sie entweder selbst eines erstellen oder ein Child-Theme-Plugin verwenden.

1. Entfernen oder verbergen Sie die Schaltfläche „Zum Warenkorb hinzufügen“ auf der gesamten Website

Es gibt mehrere Möglichkeiten, die Schaltfläche „In den Warenkorb“ vollständig aus Ihrem Shop zu entfernen. Am einfachsten ist es, das folgende Skript in Ihrem zu platzieren untergeordnete Themen functions.php-Datei:

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

Wir entfernen die Schaltfläche „Zum Warenkorb hinzufügen“ auf der Produktseite mit dem ersten Hook „remove action()“ und dasselbe auf der Warenkorbseite mit dem zweiten. Das Deaktivieren der Option zum Kauf von Produkten ist dagegen eine sauberere und zuverlässigere Lösung. Sie können die Produkte für den Kauf nicht verfügbar machen und verhindern, dass Benutzer sie auf diese Weise in ihren Einkaufswagen legen.

Mit dem folgenden Skript können Sie dies tun und alle Ihre Produkte für den Kauf in Ihrem Geschäft nicht verfügbar machen:

add_filter( 'woocommerce_is_purchasable', '__return_false');

Dadurch wird die WooCommerce-Schaltfläche „Zum Warenkorb hinzufügen“ deaktiviert, aber nicht die Schaltfläche selbst. Es wird einfach durch eine Schaltfläche „Mehr lesen“ ersetzt, die Benutzer auf die Produktseite umleitet, die frei von Schaltflächen sein wird.

Wenn Sie neben der Schaltfläche „In den Warenkorb“ auch die Schaltfläche „Weiterlesen“ ausblenden möchten, sollten Sie eine CSS-Regel verwenden. Kunden hingegen können nichts kaufen, weil sie keine Produkte in den Warenkorb legen können, selbst wenn sie lernen, das Browser-Entwicklertool zu verwenden, um es einzublenden. Verwenden Sie nach Möglichkeit den Hook add filter() anstelle des Hooks remove action().

Lesen Sie mehr: So ändern Sie den Text der Schaltfläche „In den Warenkorb“.

2. Blenden Sie die Schaltfläche „Zum Warenkorb hinzufügen“ für Benutzer aus, die nicht angemeldet sind

Angenommen, Sie führen eine zeitlich begrenzte Werbeaktion für Ihre registrierten Benutzer durch. Sie können eine einzigartige Zielseite erstellen und eine E-Mail mit dem Link nur an Ihre registrierten Benutzer senden, aber was ist, wenn sie ihn mit anderen teilen? Sie können die Schaltfläche In den Warenkorb nur für nicht angemeldete Benutzer aus Ihrem WooCommerce-Shop entfernen, um dies zu vermeiden und sicherzustellen, dass Sie nur dem Zielkunden Rabatte gewähren. Fügen Sie dazu das folgende Skript in die Datei functions.php Ihres untergeordneten Designs ein:

if (!is_user_logged_in()) {
// auf der Produktseite
add_filter('woocommerce_is_purchasable', '__return_false');

}

Wir deaktivieren die Schaltfläche „Zum Warenkorb hinzufügen“ nur für nicht angemeldete Benutzer, indem wir die native WordPress-Funktion „ist Benutzer angemeldet ()“ anwenden.

3. Entfernen Sie die Schaltfläche In den Warenkorb auf der Grundlage von Benutzerrollen

Eine weitere brillante Option besteht darin, die Schaltfläche „Zum Warenkorb hinzufügen“ je nach Rolle des Benutzers zu deaktivieren. Sehen wir uns an, wie Sie die Schaltfläche für alle Administratoren unsichtbar machen:

add_action('wp_loaded','get_user_role');

Funktion get_user_role(){

$aktueller_Benutzer = wp_get_aktueller_Benutzer();

  if(count($aktueller_Benutzer->Rollen)!==0){

  if($aktueller_Benutzer->Rollen[0]=='Administrator'){

add_filter('woocommerce_is_purchasable', '__return_false');

}

}

}

Das WordPress-Benutzerobjekt wird abgerufen und vom Skript werden zwei Bedingungen darauf angewendet. Die erste besteht darin, festzustellen, ob ein Benutzer eine Rolle hat, und die zweite besteht darin, Produkte nur dann für den Kauf nicht verfügbar zu machen, wenn die Benutzerrolle mit der von uns angegebenen übereinstimmt (in diesem Fall Administrator). Sie können diesen Code sicher verwenden und die Rolle so ändern, dass Sie die Schaltfläche „Zum Warenkorb hinzufügen“ nicht sehen möchten, indem Sie die Rolle in if($current_user->roles[0]=='your_role'){ bearbeiten.

4. Blenden Sie die Schaltfläche „In den Warenkorb“ bei bestimmten Produkten aus

Angenommen, Sie haben einige Artikel nicht vorrätig und möchten die Schaltfläche „In den Warenkorb“ für diese Artikel vorübergehend ausblenden.

Kopieren Sie das folgende Skript und fügen Sie es in die Datei functions.php des untergeordneten Designs ein, um die Schaltfläche für bestimmte Produkte zu entfernen:

add_filter('woocommerce_is_purchasable', 'filter_is_purchasable', 10, 2);

Funktion filter_is_purchasable($is_purchasable, $product ) {

globales $ Produkt;

if( in_array( $product->get_id(), not_purchasable_ids() )) {

return false;

}

Rückgabe $is_purchasable;

}

Funktion not_purchasable_ids() {

Array zurückgeben (624,625);

}

Die Schaltfläche „Zum Warenkorb hinzufügen“ ist für die Produkte mit den IDs 624 und 625 in diesem Beispielskript deaktiviert. Erwägen Sie, diese IDs durch Ihre WooCommerce-Produkt-IDs zu ersetzen, um sie an Ihr Geschäft anzupassen. Wie Sie sehen, können Sie unbegrenzt viele Produkte zulassen, indem Sie die IDs einfach durch ein Komma trennen.

Gehen Sie zu Ihrem WordPress-Dashboard > WooCommerce > Produkte und bewegen Sie die Maus über ein Produkt in der Liste, um seine ID anzuzeigen.

5. Deaktivieren Sie die Schaltfläche „In den Warenkorb“ nur für einige Kategorien

Sie können auch die Schaltfläche „In den Warenkorb“ für bestimmte Kategorien deaktivieren. Wenn Sie beispielsweise die Schaltfläche in der Kategorie „Laptops“ ausblenden möchten, können Sie den folgenden Code verwenden:

add_action('wp', 'QL_remove_add_to_cart_from_category' );   

Funktion QL_remove_add_to_cart_from_category(){ 

  if( is_product_category( 'laptops' ) ) { 

    remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart'); 

  } 

}

Kopieren Sie einfach diesen Code und ersetzen Sie „Laptops“ in Zeile 3 durch den Titel der Kategorie, in der der Button „In den Warenkorb“ versteckt werden soll.

6. Entfernen Sie die Schaltfläche vorübergehend und sie wird nach einem Datum wieder angezeigt

Lassen Sie uns die Dinge auf eine andere Ebene bringen und einiges von dem, was wir gelesen haben, zusammenfassen. Angenommen, Sie sind dabei, ein Produkt auf den Markt zu bringen, und Sie haben bereits eine Produktseite mit all ihren Funktionen erstellt. Wenn Sie diese Seite verwenden möchten, um Ihre Kunden auf die Markteinführung aufmerksam zu machen und für das Produkt zu werben, bevor es live geht, können Sie die Schaltfläche „In den Warenkorb“ bis zur offiziellen Markteinführung ausblenden und sie dann automatisch am Tag der Markteinführung erscheinen lassen.

Angenommen, Sie planen, Ihr Produkt am 15. Dezember 2020 einzuführen, und Sie möchten die Schaltfläche „In den Warenkorb“ bis dahin ausblenden und am 15. Dezember wieder einblenden. Kopieren Sie dazu einfach das folgende Skript und fügen Sie es ein:

add_filter( 'woocommerce_is_purchasable', 'hide_add_to_cart_button_until_date', 10, 2 );

Funktion hide_add_to_cart_button_until_date( $is_purchasable = true, $product ) {

$aktuelles_datum = date('Ym-d');

$release_date = date( 'Ym-d', strtotime('2020-12-15') );

if( strtotime($aktuelles_datum) < strtotime($release_date) && $product->get_id() == 624 ) {

$is_purchasable = falsch;

}

Rückgabe $is_purchasable;

}

Die Schaltfläche „In den Einkaufswagen“ wird durch die Schaltfläche „Mehr lesen“ ersetzt, die Benutzer bis zum Startdatum zur Produktseite führt. Schauen wir uns genauer an, wie das Skript jetzt funktioniert. Der Code vergleicht das aktuelle Datum mit dem Startdatum, und wenn das aktuelle Datum früher liegt, ist das Produkt nicht zum Kauf verfügbar.

Das Produkt steht zum Kauf zur Verfügung, wenn das aktuelle Datum dem Startdatum entspricht oder dieses überschreitet, und die Schaltfläche „In den Warenkorb“ wird automatisch angezeigt. Denken Sie daran, das Datum sowie die Produkt-ID (in unserem Beispiel 624) anzugeben.

In dieser Anleitung haben Sie mehrere Methoden zum Entfernen der Schaltfläche „In den Einkaufswagen“ kennengelernt. Wir haben gesehen, wie man es für bestimmte Produkte, Benutzer und Benutzerrollen im gesamten Geschäft ausblendet und sogar für einen bestimmten Tag ausblendet und dann automatisch wieder anzeigt. Dies gibt Ihnen etwas mehr Spielraum, wenn es darum geht, Ihren Shop für verschiedene Szenarien anzupassen.

Verwenden Sie diese Skripte einfach als Ausgangspunkt und passen Sie sie an die Anforderungen Ihres Geschäfts an.

 

Über den Autor
Daniel Luke
Daniel ist Webdesigner und Entwickler. Er ist seit 10 Jahren als Entwickler tätig und arbeitet mit verschiedenen WordPress-Themes. Dies ermöglicht es ihm, verschiedene Themen zu vergleichen und gegenüberzustellen, die Stärken und Schwächen zu verstehen und sachliche, realitätsnahe Rezensionen zu entwickeln. Er ist außerdem Entwickler mobiler Apps und Technologierezensent. Über mehrere Jahre hinweg hat er eigene mobile Apps entwickelt, sowohl für Android als auch für das iPhone. Diese praktische Spezialisierung auf Mobil- und Webentwicklung ermöglicht es ihm, eine maßgebliche Stimme zu sein, wenn es um Technologieberichterstattung geht.

Eine Sache noch... Wussten Sie, dass Leute, die nützliche Dinge wie diesen Beitrag teilen, auch FANTASTISCH aussehen? ;-);
Bitte kontaktieren Sie uns, wenn Sie Probleme im Zusammenhang mit dieser Website haben oder lass a nützlich Kommentieren Sie mit Ihren Gedanken und teilen Sie dies dann Ihren Facebook-Gruppen mit, die dies nützlich finden würden, und lassen Sie uns gemeinsam die Vorteile nutzen. Vielen Dank für das Teilen und nett zu sein!

Disclosure: Diese Seite enthält möglicherweise Links zu externen Websites für Produkte, die wir lieben und von ganzem Herzen empfehlen. Wenn Sie Produkte kaufen, die wir vorschlagen, können wir eine Empfehlungsgebühr verdienen. Solche Gebühren haben keinen Einfluss auf unsere Empfehlungen und wir akzeptieren keine Zahlungen für positive Bewertungen.

Autor (en) Empfohlen am:  Inc Magazin Logo   Sitepoint-Logo   CSS Tricks Logo    Webdesignerdepot-Logo   WPMU DEV Logo   und viele mehr ...