Jak ukryć, usunąć lub wyłączyć przycisk Dodaj do koszyka w WooCommerce?

Istnieje wiele powodów, dla których możesz chcieć ukryć, usunąć lub wyłączyć przycisk dodawania do koszyka w swoim sklepie WooCommerce. Być może produkt wyświetlany w Twoim sklepie nie jest w sprzedaży, chcesz pokazać katalog produktów lub Twoje produkty wyszły z magazynu.

Dlatego potrzebujesz większej możliwości dostosowywania, aby aktualizować funkcjonalność swojego sklepu zgodnie z Twoimi wymaganiami.

Ogromne repozytorium wtyczek WordPress i rozszerzeń WooCommerce oferuje użytkownikom rozbudowane opcje dostosowywania, które zapewniają bardziej przyjazne dla użytkownika wrażenia.

Ten samouczek pokaże, jak ukryć, usunąć lub wyłączyć przycisk Dodaj do koszyka w sklepach WooCommerce.

Zakładam, że masz już działający sklep WooCommerce. Jeśli nie, skonfiguruj swój sklep WooCommerce teraz z zarządzanym hostingiem Cloudways, aby łatwo wdrożyć dowolną aplikację opartą na PHP za pomocą jednego kliknięcia.

Jak dodać produkt do swojego sklepu WooCommerce?

Aby móc korzystać z funkcji Dodaj do koszyka , musisz mieć produkty w swoim sklepie . Dlatego najpierw pokażę Ci, jak dodawać produkty do Twojego sklepu WooCommerce.

• Przejdź do pulpitu nawigacyjnego WooCommerce .
• Kliknij Produkty > Dodaj produkty .
• Nazwij produkt i podaj szczegóły.

Uwaga: Aby uzyskać pomoc, zapoznaj się z poniższym zrzutem ekranu.

• Zobaczysz stronę szczegółów produktu z przyciskiem Dodaj do koszyka w interfejsie Twojego sklepu.

W ten sposób dodajesz produkty do swojego sklepu.

Jak ukryć lub wyłączyć przycisk Dodaj do koszyka?

Pokażę teraz, jak ukryć lub wyłączyć przycisk dodawania do koszyka na stronie szczegółów produktu i stronie sklepu (strona z listą produktów). W tym celu dodam następujące haki:

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

Możesz umieścić te haczyki w dowolnym miejscu, które uznasz za stosowne. Powszechną praktyką jest umieszczanie tych zaczepów w functions.php, znajdującej się w folderze motywu .

W niektórych przypadkach może to jednak powodować błędy. Dlatego umieszczę te haczyki w woocommerce.php (znajduje się w folderze wtyczek ).

Wykonaj poniższe czynności, aby uzyskać dostęp do pliku woocommerce.php:

• Przejdź do WordPress > wp-treść
• Kliknij Wtyczki > WooCommerce > woocommerce.php

 /**
 * Główna instancja WooCommerce.
 *
 * Zwraca główną instancję WC, aby uniknąć konieczności używania wartości globalnych.
 *
 * @od 2.1
 * @powrót WooCommerce
 */
funkcja WC() {
    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');
	return WooCommerce::instance();
}

• Po zakończeniu zapisz plik i odśwież stronę.

Gratulacje! Przycisk Dodaj do koszyka został usunięty ze strony.

Jak usunąć przycisk Dodaj do koszyka dla określonych produktów?

Istnieją trzy konkretne sposoby usunięcia przycisku Dodaj do koszyka ze stron określonych produktów:

1. Usuń liczbę z pól cen. Produkt nie będzie już miał ceny, usuwając przycisk Dodaj do koszyka.
2. Włącz zarządzanie zapasami i ustaw zapas produktów na zero.
3. Użyj filtra dla haka woocommerce_is_purchasable .

Jak działa hak woocommerce_is_purchasable

Ustawimy filtr, który będzie zawierał tylko konkretny identyfikator produktu, z którego chcemy usunąć przycisk Dodaj do koszyka.

Za każdym razem, gdy ten filtr wykryje identyfikator produktu docelowego, zwróci false. W ten sposób cena będzie widoczna, ale w miejscu przycisku Dodaj do koszyka pojawi się napis „Produkt nie można kupić”.

Wykorzystam trzecią opcję, dodając poniższy kod do functions.php (znajdującego się w folderze motywu ).

 add_filter('woocommerce_is_purchasable', 'woocommerce_cloudways_purchasable');
function woocommerce_cloudways_purchasable($cloudways_purchasable, $produkt) {
return ($product->id == your_specific_product_id (np. 22) ? false : $cloudways_purchasable);
}

Wniosek

W tym samouczku omówiłem ukrywanie, usuwanie i wyłączanie przycisku Dodaj do koszyka na stronach produktów WooCommerce . Proces jest prosty i można go wdrożyć, dodając małe fragmenty kodu w odpowiednich lokalizacjach.

Możesz użyć metod wymienionych na tym blogu, aby usunąć przycisk Dodaj do koszyka, niezależnie od motywu WooCommerce.

Jeśli potrzebujesz dalszej pomocy, zostaw komentarz poniżej!

Często Zadawane Pytania