WooCommerceで「Add to Cart」ボタンを削除する方法


  1. テーマファイルを編集する方法:

    • WordPressのテーマエディタを開きます。
    • テーマのフォルダ内にあるsingle-product.phpファイルを検索し、開きます。
    • add-to-cart.phpという行を探し、それを削除します。
    • ファイルを保存し、変更を確認します。

    この方法は、テーマの特定のファイルを編集するため、テーマがアップデートされると変更が上書きされる可能性があります。そのため、テーマの子テーマを作成して変更を加えることをお勧めします。

  2. カスタムCSSを使用する方法:

    • WordPressの管理画面にログインし、外観 > カスタマイズを選択します。

    • 追加のCSSセクションを見つけ、クリックします。

    • 以下のコードを追加します:

      .single-product .add_to_cart_button {
       display: none;
      }
    • 変更を保存し、プレビューで「Add to Cart」ボタンが非表示になっていることを確認します。

    この方法は、テーマがアップデートされても変更が保持されますが、テーマによってはカスタムCSSセクションが提供されていない場合があります。

  3. フックを使用する方法:

    • functions.phpファイルを編集するため、テーマの子テーマを作成するか、カスタムプラグインを作成します。

    • 以下のコードを追加します:

      function remove_add_to_cart_button() {
       remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
      }
      add_action( 'woocommerce_before_single_product_summary', 'remove_add_to_cart_button', 1 );
    • 変更を保存し、製品ページを確認します。これにより、「Add to Cart」ボタンが非表示になります。

    この方法は、テーマのアップデートによって変更が上書きされることはありませんが、カスタムプラグインまたは子テーマの作成が必要です。

これらの方法を使用すると、WooCommerceの製品ページから「Add to Cart」ボタンを削除できます。選択した方法に基づいて、適切な手順を実行してください。