Hur man döljer / tar bort Lägg till i varukorg-knappen i WooCommerce (steg-för-steg)

Hur man döljer och tar bort Lägg till i kundvagn-knappen i WooCommerce

Låt oss börja med att ta reda på varför du kanske vill dölja knappen Lägg i kundvagn. Ett av de mest effektiva sätten att inaktivera köpprocessen för en specifik produkt eller butik är att ta bort knappen Lägg till i kundvagn. Även om det kan verka konstigt, kan det vara extremt användbart att ta bort knappen Lägg till i varukorgen under vissa omständigheter.

Det finns många anledningar till varför du kanske vill ta bort knappen Lägg till i kundvagn från vissa sidor i din butik, förutom att ge dig fler anpassningsalternativ:

  1. När en produkt är slut i lager eller inte längre är tillgänglig
  2. För att avaktivera knappen baserat på logik (dvs. för specifika användarroller eller produkter, icke-inloggade användare, etc.)
  3. Produkten är ännu inte tillgänglig för köp.
  4. När du vill att kunder ska använda den knappen istället för den vanliga WooCommerce-inköpsprocessen för att skicka ett meddelande eller ordna en intervju.

Det här är bara några exempel på när du kanske vill dölja eller ta bort knappen Lägg i kundvagn från din butik. Låt oss komma igång med att ta bort WooCommerce add-to-cart-knappen från din butik.

 

Hur man tar bort Lägg till i varukorg-knappen i WooCommerce

I den här artikeln kommer du att lära dig hur du döljer knappen Lägg till i kundvagnen på olika sätt. Vi visar dig hur du gör följande för att ge dig fler alternativ:

  1. Ta bort eller dölj Lägg till i kundvagn-knappen på hela webbplatsen.
  2. Dölj knappen Lägg i kundvagn för användare som inte är inloggade.
  3. Ta bort knappen Lägg till i kundvagn på basis av användarroller.
  4. Göm Lägg till i varukorg-knappen på vissa produkter.
  5. Inaktivera Lägg i kundvagn-knappen för endast vissa kategorier
  6. Ta bort knappen tillfälligt och den kommer att dyka upp igen efter ett datum.
  7. Låt oss ta en titt på var och en av dem i olika avsnitt.

Obs: Eftersom vi kommer att redigera WordPress-kärnfiler rekommenderar vi att du gör en fullständig säkerhetskopia av din webbplats om något skulle gå fel. Du kan också använda ett barntema. Om du inte redan har en, kan du antingen göra en själv eller använda en plugin för barntema.

1. Ta bort eller dölj knappen Lägg i kundvagn på hela webbplatsen

Det finns flera alternativ för att ta bort Lägg i kundvagn-knappen helt och hållet från din butik. En av de enklaste är att placera följande skript i din barntema functions.php fil:

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 );

Vi tar bort knappen Lägg till i kundvagn på produktsidan med den första remove action()-kroken, och vi gör samma sak på kundvagnssidan med den andra. Att inaktivera möjligheten att köpa produkter är å andra sidan en snyggare och mer pålitlig lösning. Du kommer att kunna göra produkterna otillgängliga för köp och hindra användare från att lägga till dem i sin kundvagn på detta sätt.

Med följande skript kan du göra det och göra alla dina produkter otillgängliga för köp i din butik:

add_filter( 'woocommerce_is_purchasable', '__return_false');

Detta kommer att inaktivera WooCommerce Lägg till i kundvagn-knappen, men inte själva knappen. Den kommer helt enkelt att ersättas med en Läs mer-knapp, som omdirigerar användare till produktsidan, som kommer att vara fri från några knappar.

Om du vill dölja knappen Läs mer utöver knappen Lägg till i kundvagn bör du använda en CSS-regel. Kunder, å andra sidan, kommer inte att kunna köpa något eftersom de inte kommer att kunna lägga till produkter i varukorgen, även om de lär sig att använda webbläsarens utvecklarverktyg för att visa det. Använd add filter()-kroken snarare än remove action()-kroken när det är möjligt.

Läs mer: Hur man ändrar Lägg till i varukorg-knapptext

2. Dölj knappen Lägg till i kundvagn för användare som inte är inloggade

Anta att du kör en tidsbegränsad kampanj för dina registrerade användare. Du kan skapa en unik målsida och skicka ett e-postmeddelande till endast dina registrerade användare med länken, men vad händer om de delar den med andra? Du kan ta bort Lägg till i kundvagn-knappen från din WooCommerce-butik endast för icke-inloggade användare för att undvika att detta händer och se till att du bara ger rabatter till den riktade konsumenten. För att göra det, klistra in följande skript i ditt barntemas functions.php-fil:

if (!is_user_logged_in()) {
// på produktsidan
add_filter('woocommerce_is_purchasable', '__return_false');

}

Vi kommer endast att inaktivera knappen Lägg till i kundvagn för icke-inloggade användare genom att använda den inbyggda WordPress-funktionen är användarinloggad().

3. Ta bort knappen Lägg till i varukorgen på basis av användarroller

Ett annat lysande alternativ är att inaktivera knappen Lägg till i kundvagn beroende på användarens roll. Låt oss ta en titt på hur man gör knappen osynlig för alla administratörsanvändare:

add_action('wp_loaded','get_user_role');

function get_user_role(){

$current_user = wp_get_current_user();

  if(count($current_user->rolles)!==0){

  if($current_user->rolles[0]=='administratör'){

add_filter('woocommerce_is_purchasable', '__return_false');

}

}

}

WordPress-användarobjektet hämtas och två villkor tillämpas på det av skriptet. Den första är att avgöra om en användare har en roll, och den andra är att göra produkter otillgängliga för köp endast om användarrollen matchar den vi anger (administratör i detta fall). Du kan säkert använda den här koden och ändra rollen som du inte vill se Lägg till i kundvagn-knappen genom att redigera rollen i if($current_user->roles[0]=='din_roll'){.

4. Göm Lägg till i varukorg-knappen på vissa produkter

Låt oss säga att du är slut för vissa varor och tillfälligt vill dölja knappen Lägg i kundvagn för dessa varor.

Kopiera och klistra in följande skript i functions.php-filen för det underordnade temat för att ta bort knappen för specifika produkter:

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

function filter_is_purchasable($is_purchasable, $product ) {

global $-produkt;

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

return false;

}

returnera $is_purchasable;

}

function not_purchasable_ids() {

returmatris( 624,625);

}

Knappen Lägg i kundvagn är inaktiverad för produkterna med ID 624 och 625 i detta exempelskript. Överväg att ersätta dessa ID:n med dina WooCommerce produkt-ID:n för att anpassa dem till din butik. Som du kan se kan du tillåta obegränsade produkter genom att helt enkelt använda ett kommatecken för att separera ID:n.

Gå till din WordPress-instrumentpanel > WooCommerce > Produkter och för musen över en produkt i listan för att se dess ID.

5. Inaktivera knappen Lägg till i varukorgen endast för vissa kategorier

Du kan också inaktivera knappen Lägg till i varukorgen för särskilda kategorier. Om du till exempel vill dölja knappen från kategorin "Bärbara datorer", kan du använda följande kod:

add_action('wp', 'QL_remove_add_to_cart_from_category');   

funktion QL_remove_add_to_cart_from_category(){ 

  if( is_product_category( 'bärbara datorer') ) { 

    remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart'); 

  } 

}

Kopiera helt enkelt den här koden och ersätt "bärbara datorer" på rad 3 med rubriken på kategorin där knappen Lägg till i varukorgen ska döljas.

6. Ta bort knappen tillfälligt och den kommer att dyka upp igen efter ett datum

Låt oss ta saker till en annan nivå och sätta ihop lite av det vi har läst. Anta att du är på väg att lansera en produkt och att du redan har skapat en produktsida med alla dess funktioner. Om du vill använda den sidan för att uppmärksamma dina kunder på lanseringen och marknadsföra produkten innan den släpps, kan du dölja knappen Lägg i kundvagn tills den officiella lanseringen och sedan få den att visas automatiskt på lanseringsdagen.

Låt oss säga att du planerar att introducera din produkt den 15 december 2020 och att du vill dölja knappen Lägg i kundvagn tills dess, och sedan avslöja den igen den 15 december. För att göra det, kopiera och klistra in skriptet nedan:

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

function hide_add_to_cart_button_until_date( $kan köpas = sant, $produkt ) {

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

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

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

$is_purchasable = falskt;

}

returnera $is_purchasable;

}

Knappen Lägg i kundvagn kommer att ersättas med en Läs mer-knapp som tar användare till produktsidan fram till lanseringsdatumet. Låt oss ta en närmare titt på hur manuset fungerar nu. Koden jämför det aktuella datumet med lanseringsdatumet, och om det aktuella datumet är tidigare är produkten inte tillgänglig för köp.

Produkten kommer att vara tillgänglig för köp när det aktuella datumet är lika med eller överstiger lanseringsdatumet, och knappen Lägg till i kundvagn visas automatiskt. Kom ihåg att inkludera datum samt produkt-ID (624 i vårt exempel).

Du har lärt dig flera metoder för att ta bort knappen Lägg i kundvagn i den här guiden. Vi har sett hur man döljer det i hela butiken, för specifika produkter, användare och användarroller, och till och med hur man döljer det för en viss dag och sedan automatiskt visar det igen. Detta ger dig lite mer spelrum när det gäller att anpassa din butik för olika scenarier.

Använd helt enkelt dessa skript som utgångspunkt och modifiera dem för att passa din butiks behov.

 

Om författaren
Författare: Daniel Luke
Daniel är en WordPress webbdesigner med stor erfarenhet av att arbeta med olika WordPress-teman som gör att han kan jämföra och kontrastera olika teman, förstå styrkor och svagheter för att utveckla faktiska, verkliga recensioner.

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...