WooCommerceでカートに追加ボタンを非表示、削除、無効にする方法

読者から、""を非表示、削除、または無効にする方法について質問がありました。カートに入れる「ボタンをクリックしてください。このため、簡単なチュートリアルを用意しました！

そのためには、ショップの機能をオンデマンドでアップデートするための高度なカスタマイズが必要です。WordPressプラグインとWooCommerceエクステンションの膨大なライブラリは、幅広いカスタマイズオプションを提供し、よりユーザーフレンドリーな体験をもたらします。

この記事では、WooCommerceショップで売り切れ商品や商品カタログのみが表示されている場合に「カートに入れる」ボタンを非表示、削除、または無効にする方法を紹介します。

なぜ「カートに入れる」ボタンを隠したり、削除したり、無効にしたりしなければならないのですか？

"カートに入れる「ボタンはWooCommerceショップの重要な要素です。
閲覧から購入までのギャップを埋めるものであり、顧客の購買ジャーニーにおける最初のステップです。ただし、このボタンを隠す、削除する、または無効にする必要がある場合は、このボタンを使用してください。

例えば、ショップは展示のみのカタログで、直接購入する機能がない場合、または特定の商品は閲覧可能だが、購入はできないようにしたい場合などです。どのような理由であれ、このボタンの操作方法を知ることで、ショップの機能をよりコントロールできるようになります。

非表示」と「削除」の違いを理解してください。

カートに追加」ボタンを非表示にすると、ページ上で見えなくなり、ボタンを削除すると、サイトのコードから完全に削除されます。つまり、誰かがサイトのコードをチェックしたとしても、ボタンを見つけることはできません。これは、熟練したユーザーがあなたのショップのプロセスを迂回するのを防ぎたい場合に非常に便利です。

💡 銘記変更する前にウェブサイトのバックアップ..何か問題が発生しても、すぐにサイトを以前の状態に戻すことができます。

WooCommerceの商品ページから「カートに入れる」ボタンを非表示にする方法

以下は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 文書化は最も一般的な慣行です。

推奨ファイルの場所

にコードを追加しますが functions.php ファイルを使用するのが一般的ですが、場合によってはエラーを引き起こす可能性があります。そのため、これらのフックはpluginsフォルダ内の woocommerce.php ドキュメンテーション

woocommerce.phpをご覧ください。文書化の手順

• WordPress → wp-contentに移動します。
• プラグイン → WooCommerce → woocommerce.phpをクリックします。

次に以下のコードを追加します：

/**

 * WooCommerceのメインインスタンスです。

 *

 * グローバルを使用する必要性を防ぐために、WCのメインインスタンスを返します。

 * *

 * 2.1以降

 * @return WooCommerce

 */

関数 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()；

}

コードを追加したら、ファイルを保存してページを更新してください。正しく行われていれば、"カートに入れる"ボタンはページから削除されました。

条件付きでWooCommerceのカートに追加ボタンを隠す

特定の商品の「カートに入れる」ボタンだけを非表示にしたい場合があります。この場合、条件付きメソッドを使用する必要があります。

商品固有のWoocommerceカートへ追加ボタンを非表示にします。

特定の商品の「カートに入れる」ボタンを非表示にするには、以下の手順に従ってください：

• WordPressのダッシュボード → 商品 → すべての商品 に移動します。
• カートに入れる]ボタンを非表示にしたい商品にカーソルを合わせ、商品IDをメモします（この例では、IDは25です）。

次に、以下のコードをサイトのfunctions.phpドキュメンテーション

add_action( 'woocommerce_after_shop_loop_item', 'hide_add_to_cart_for_specific_product', 10 )；

関数 hide_add_to_cart_for_specific_product() {

    global $product.

    if ( 25 == $product->get_id() ) { 。

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

    }

}

このコードを使うと、商品ID 25の「カートに入れる」ボタンが非表示になります。この例では、カスタマイズ可能なカップです。

ショップとカテゴリーページでWoocommerceの価格を隠す

ショップとカテゴリーページのWooCommerce価格を削除するにはfunctions.phpファイルに以下のコードを追加してください；

remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 )；

このコードを追加することで、ショップやカテゴリーページから商品価格を削除することができます。結果は以下のようになります：

特定の商品の「カートに入れる」ボタンを削除します。

特定の商品ページから「カートに入れる」ボタンを削除するには、3つの方法があります：

1. 価格フィールドから値を削除します。これにより、商品に価格が設定されなくなり、カートに入れるボタンが削除されます。
2. 在庫管理を有効にし、製品在庫をゼロに設定します。
3. woocommerce_is_purchasable の使い方フィルター用フック。

woocommerce_is_purchasable フックの使用

ここでは、特定の商品IDの「カートに入れる」ボタンを削除するためにフィルタが使用されています。

このフィルターがターゲット商品の商品IDを認識するたびにfalseを返すので、価格は表示されたまま、カートに入れるボタンは次のような通知に置き換えられます。「商品購入不可.

これを実現するには、以下のコードをウェブサイトに追加します。functions.phpファイルで十分です。

add_filter('woocommerce_is_purchasable', 'woocommerce_cloudways_purchasable');

function woocommerce_cloudways_purchasable($cloudways_purchasable, $product) {

return ($product->id == your_specific_product_id (like 22) ? false : $cloudways_purchasable);

}

カートに入れる」ボタンを非表示または削除するのではなく、無効にします。

カートに入れる」ボタンを無効にすることは、ボタンを非表示にしたり削除したりすることとは異なります。

ボタンが無効になっている場合、ボタンは表示されたままですが、クリックすることはできません。これは、通常販売されている商品が在庫切れやその他の理由で販売されていないことを表示したい場合に便利です。

ここでは、カスタムコードを使用して「カートに追加」ボタンを無効にする方法を説明します：

• 外観 → テーマエディタに移動し、以下を見つけます。functions.phpドキュメンテーション
• 以下のコードを追加して、「カートに追加」ボタンを無効にします：

add_filter( 'woocommerce_is_purchasable', 'disable_add_to_cart_button' )；



    // ここで条件を追加して、特定の商品のボタンを無効にすることができます。

    return false; // 「カートに入れる」ボタンを無効にします。

}

•  をクリックしてください。更新資料" をクリックして変更を保存します。

WooCommerceショップで "カートに追加 "ボタンが無効になるはずです。

概要

このブログでは、「カートに入れる」ボタンを非表示、削除、または無効にする方法と、これらの方法のユニークな利点に焦点を当てて、WooCommerceのパワーを探ります。

よくある質問

1.WooCommerceの「カートに入れる」ボタンを無効にする方法は？

テーマの functions.php このファイルでは、特定の商品またはサイト全体の「カートに入れる」ボタンを無効にするコードスニペットを使用します：

remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30)；

2.WooCommerceのショッピングカートアイコンを削除する方法は？

ショッピングカートのアイコンを削除するには、テーマのカスタマイザーまたは スタイル.css ファイルに以下のカスタムCSSコードを追加します：

.woocommerce-cart .cart-contents {
    display: none；
}

3.WooCommerceの「カートに入れる」ボタンを変更するには？

ボタンのテキストを変更する必要がある場合は functions.php 次のコードをファイルに追加します：

add_filter('woocommerce_product_add_to_cart_text', function() { return 'Your Custom Text'; })；

スタイルや機能を変更する必要がある場合は、ボタンのHTMLとCSSをカスタマイズすることができます。

4.WooCommerceのショッピングカートを空にする方法を教えてください。

WooCommerceのカートは以下のコードでプログラム的に空にすることができます：

WC()->cart->empty_cart()；

コードを適切な場所（例：プラグインまたは functions.php ファイル)に保存され、その後カートの中身は空になります。