[WordPress] WooCommerceのショッピングカートに「ショッピングカートを空にする」ボタンを追加する

WordPress(WordPress）でショッピングモールを運営するには、WooCommerceプラグインを使用します。 前へで「すぐに購入」、「ショッピングを続ける」ボタンを追加する方法を見てみました。 この記事では、カートを見る「(Cart)画面からカートに入れた商品を削除する」カートを空にする「ボタンを追加する方法を見てみましょう。

まず、次のコードを使用している WordPress テーマの関数ファイルに追加します。

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年前に更新され、これ以上更新されていないが、今のところうまく機能しているようです。 上記の方法のように、ソースファイルを変更するのに苦労している場合、このプラグインを使用してみることができるようになります。 （ただし、コードを挿入する場合、任意の場所にボタンを追加することができますが、プラグインを使用する場合には、ボタンの位置を勝手に調整するには限界があります。）