[워드프레스] 우커머스 쇼핑몰에서 ‘장바구니’ 버튼 제거하기

참고: 인기 테마인 BE 테마(33%)The 7(35%) 할인 행사를 진행하고 있습니다.

들어가며

우커머스(WooCommerce)는 워드프레스에서 전자 상거래 사이트를 운영할 때 사용되는 플러그인입니다. 경우에 따라서는 ‘장바구니’ 버튼을 다른 버튼으로 바꾸거나 제거하기를 원할 수 있습니다. 예를 들어, ‘바로 구매’/’쇼핑 계속하기’ 버튼을 추가하기를 원하는 경우 다음 글을 참고할 수 있습니다.

장바구니(Add to Cart) 버튼을 아예 제거하기를 원하는 경우 두 가지 방법을 통해 제거할 수 있습니다.

플러그인을 사용하여 ‘장바구니’ 버튼 제거하기

먼저는 플러그인을 사용하는 방법이 있습니다. 이 기능을 하는 플러그인으로 “Remove Add to Cart Woocommerce“라는 플러그인이 있습니다.

그다지 평가는 좋지 않은 것 같습니다.

후크를 사용하여 ‘장바구니’ 버튼 제거하기

다른 방법으로 우커머스 후크를 이용하는 것입니다. 장바구니 버튼을 제거하려면 다음 두 action을 제거해야 합니다.

  • woocommerce_template_loop_add_to_cart
  • woocommerce_template_single_add_to_cart

다음 코드를 사용 중인 워드프레스의 테마 폴더 내의 함수 파일(functions.php)에 추가하시기 바랍니다. 차일드 테마(자식 테마; 하위 테마)가 없는 경우 차일드 테마를 만들어서 진행하셔야 추후에 테마가 업데이트되더라도 수정 사항이 사라지지 않습니다.

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

하지만 위의 방법을 사용할 경우 다른 플러그인에 영향을 미칠 수 있다고 하네요. “The RIGHT Way to Hide ‘Add to Cart’ Button in WooCommerce“라는 글에 의하면 위의 방법은 올바른 방법이 아니라고 지적하네요. 원하는 대로 작동하지 않을 경우 다음 필터를 사용해보시기 바랍니다.

add_filter( 'woocommerce_is_purchasable', false );

마치며

이상으로 우커머스에서 ‘장바구니’ 버튼을 숨기는 방법에 대해 살펴보았습니다. 가능하면 플러그인 사용을 자제하고 후크(액션/필터)를 사용하는 방법이 좋을 듯합니다. 플러그인을 많이 설치하면 사이트 속도나 보안에 안 좋은 영향일 미칠 수 있습니다.

참고:



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.