WooCommerce에서 장바구니에 추가 버튼을 숨기거나 제거하거나 비활성화하는 방법

WooCommerce 스토어에서 장바구니에 추가 버튼을 숨기거나 제거하거나 비활성화하려는 데에는 여러 가지 이유가 있습니다. 매장에 진열된 제품이 세일 중이 아니거나, 제품 카탈로그를 보여주고 싶거나, 제품이 품절되었을 수 있습니다.

그렇기 때문에 요구 사항에 따라 상점 기능을 업데이트하기 위해 더 큰 사용자 정의 기능이 필요합니다.

WordPress 플러그인 및 WooCommerce 확장의 거대한 저장소는 사용자에게 보다 사용자 친화적인 경험을 제공하는 광범위한 사용자 지정 옵션을 제공합니다.

이 튜토리얼은 WooCommerce 상점에서 장바구니에 추가 버튼을 숨기거나 제거하거나 비활성화하는 방법을 보여줍니다.

나는 당신이 이미 기능적인 WooCommerce 상점을 가지고 있다고 가정합니다. 그렇지 않은 경우 Cloudways의 관리형 호스팅으로 지금 WooCommerce 스토어를 설정하여 클릭 한 번으로 PHP 기반 애플리케이션을 쉽게 배포할 수 있습니다.

WooCommerce 스토어에 제품을 추가하는 방법

장바구니에 담기 기능 을 사용하려면 매장에 제품이 있어야 합니다 . 따라서 먼저 WooCommerce Store에 제품을 추가하는 방법을 보여 드리겠습니다.

• WooCommerce 대시보드 로 이동합니다 .
• 제품 > 제품 추가 를 클릭 합니다 .
• 제품 이름을 지정하고 세부 정보를 입력합니다.

참고: 도움이 필요하면 다음 스크린샷을 참조하세요.

• 상점 프런트 엔드에 장바구니에 추가 버튼이 있는 제품 세부 정보 페이지가 표시됩니다.

이것은 당신이 당신의 상점에 제품을 추가하는 방법입니다.

장바구니에 추가 버튼을 숨기거나 비활성화하는 방법

이제 상품 상세 페이지와 쇼핑 페이지(상품 목록 페이지)에서 장바구니 담기 버튼을 숨기거나 비활성화하는 방법을 보여드리겠습니다. 이를 위해 다음 후크를 추가합니다.

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

이 후크는 적절하다고 생각되는 곳에 배치할 수 있습니다. 일반적인 방법은 테마 폴더에 있는 functions.php에 이러한 후크를 포함하는 것 입니다.

그러나 경우에 따라 오류가 발생할 수 있습니다. 따라서 이 후크를 woocommerce.php ( 플러그인 폴더에 있음)에 배치합니다.

woocommerce.php 파일에 액세스하려면 아래 단계를 따르세요.

• 워드프레스 > wp-content로 이동
• 플러그인 > WooCommerce > woocommerce.php를 클릭합니다.

 /**
 * WooCommerce의 주요 인스턴스.
 *
 * 전역을 사용할 필요가 없도록 WC의 기본 인스턴스를 반환합니다.
 *
 * @2.1 이후
 * @return 우커머스
 */
함수 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');
	반환 WooCommerce::instance();
}

• 완료되면 파일을 저장하고 페이지를 새로 고칩니다.

축하합니다! 장바구니에 추가 버튼 이 페이지에서 제거되었습니다.

특정 제품의 장바구니에 추가 버튼을 제거하는 방법

특정 제품 페이지에서 장바구니에 추가 버튼 을 제거하는 세 가지 구체적인 방법이 있습니다 .

1. 가격 필드에서 그림을 제거하십시오. 제품에 더 이상 가격이 표시되지 않으며 장바구니에 추가 버튼이 제거됩니다.
2. 재고 관리를 활성화하고 제품 재고를 0으로 설정합니다.
3. woocommerce_is_purchasable 후크 에 필터를 사용합니다 .

woocommerce_is_purchasable 후크 작동 방식

장바구니에 추가 버튼을 제거하려는 특정 제품 ID만 포함하는 필터를 설정합니다.

이 필터가 대상 제품의 제품 ID를 감지할 때마다 false를 반환합니다. 따라서 가격이 표시되지만 장바구니에 추가 버튼 대신 "제품을 구입할 수 없습니다"라는 알림이 나타납니다.

다음 코드를 functions.php ( 테마 폴더에 있음) 에 추가하여 세 번째 옵션을 사용하겠습니다 .

 add_filter('woocommerce_is_purchasable', 'woocommerce_cloudways_purchasable');
기능 woocommerce_cloudways_purchasable($cloudways_purchasable, $product) {
return ($product->id == your_specific_product_id (예: 22) ? false : $cloudways_purchasable);
}

결론

이 튜토리얼에서는 WooCommerce 제품 페이지 의 장바구니에 추가 버튼 숨기기, 제거 및 비활성화에 대해 설명했습니다 . 프로세스는 간단하며 적절한 위치에 작은 코드 조각을 추가하여 구현할 수 있습니다.

이 블로그에 언급된 방법을 사용하여 WooCommerce 테마에 관계없이 장바구니에 추가 버튼을 제거할 수 있습니다.

이와 관련하여 추가 도움이 필요하면 아래에 의견을 남겨주세요!

자주 묻는 질문