워드프레스 우커머스 장바구니에서 상품 모두 삭제하기

[워드프레스] 우커머스의 장바구니에 ‘장바구니 비우기’ 버튼 추가하기

워드프레스(WordPress)에서 쇼핑몰을 운영하려면 WooCommerce 플러그인을 사용해야 합니다. 이전 글에서 “바로 구매”, “쇼핑 계속하기” 버튼을 추가하는 방법을 살펴보았습니다. 이 글에서는 “장바구니 보기“(Cart) 화면에서 장바구니에 담긴 상품을 삭제하는 “장바구니 비우기” 버튼을 추가하는 방법을 살펴보겠습니다.

먼저 다음 코드를 사용 중인 워드프레스 테마의 함수 파일에 추가합니다.

add_action('init', 'woocommerce_clear_cart_url');
function woocommerce_clear_cart_url() {
global $woocommerce;
if( isset($_REQUEST['clear-cart']) ) {
$woocommerce->cart->empty_cart();
}
}
// Source: wordpress.org

그런 다음 cart.php 파일에 다음 코드를 적절한 위치에 추가합니다.

<input type="submit" class="button" name="clear-cart" value="장바구니 비우기" />

value 값은 “상품 모두 삭제하기”, “모든 상품 제거하기” 등과 같이 원하는 대로 수정하시면 됩니다. 그러면 다음과 같이 “장바구니 비우기” 버튼이 추가됩니다. 실제 모양은 테마에 따라 다릅니다. (아래 테스트 화면은 Salient 테마에서의 모양입니다.)

워드프레스 우커머스 장바구니에서 상품 모두 삭제하기

버튼을 클릭하면 장바구니의 모든 상품이 제거되고 다음과 같은 화면이 표시됩니다.

워드프레스 우커머스 장바구니 상품 삭제하기

참고로 Woocommerce Empty Cart Button이라는 플러그인이 있습니다. 2년 전에 업데이트되고 더 이상 업데이트되고 있지 않지만 아직까지는 잘 작동하는 것 같습니다. 위의 방법과 같이 소스 파일을 수정하는 데 어려움이 있는 경우 이 플러그인을 사용해볼 수 있을 것 같습니다. (다만,  코드를 삽입할 경우 원하는 위치에 버튼을 추가할 수 있지만 플러그인을 사용할 경우에는 버튼 위치를 마음대로 조정하는 데 한계가 있습니다.)



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