ホーム WooCommerceチュートリアル 標準記事

標準記事

WooCommerceのカート追加ボタンを削除・非表示にする方法

海外向けサイト構築において、多くの企業は2Bビジネスを行っており、WooCommerceのオンライン注文(Add to cart)や価格機能を必要としません。これはカタログモード(Catalog Mode)とも呼ばれます。そこで、本記事ではNaibaがAdd to cartと価格を削除するいくつかの方法を紹介します。方法1:プラグイン YITH WooCo…を使用する

2021年11月8日更新 約4分で読めます
删除和隐藏WooCommerce添加到购物车按钮的几种方式

外国貿易向け独立サイト構築その中の多くの企業はBtoB事業を行っており、WooCommerceのオンライン注文「Add to cart」や価格機能(カタログモードとも呼ばれる)を使用する必要がありません。したがって、本記事ではNaibaが「Add to cart」と価格を削除するいくつかの方法を共有します。

方法1:プラグインを使用する

YITH WooCommerce Catalog Mode

隐藏WooCommerce购物车功能

YITH WooCommerce Catalog ModeはWordPressプラグインで、主な機能はWooCommerceにカタログモードを有効にし、カートに追加ボタンとチェックアウトボタンを非表示にすることです。

使用方法は非常に簡単で、プラグインをダウンロードしてインストールし、プラグイン設定で該当のオプションを有効にするだけです。

ダウンロードリンク

MMWD Remove Add To Cart for WooCommerce

このプラグインも、「Add to cart」と価格のコンテンツを非表示にするのに役立ちます。プラグインをインストールした後、WooCommerceの設定、製品、「Remove Add to Cart」タブ内で設定できます。

ダウンロードリンク

方法2:テーマ設定で非表示にする

主题添加到购物车按钮

ここではAstra Pro Theme例として、テーマオプションでWooCommerce機能を有効にした後、テーマのカスタマイズ設定に入ると、ストアの商品構造オプションが表示されるので、カートに追加機能をオフにします。

通常、一部の高機能WordPressテーマにはこれらの設定が含まれているので、設定オプションをよく探してみてください。

方法3:コードを使用する

テーマが非表示をサポートしておらず、プラグインを使用して非表示にしたくない場合は、以下の2つのコードを使用してカートボタンを削除できます。

コード1:製品を直接購入不可状態に設定

add_filter( 'woocommerce_is_purchasable', '__return_false');

コード2:add to cartボタンを削除

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

コード3:価格を削除

remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
// 另外一种移除价格方法
add_filter( 'woocommerce_get_price_html', 'naibabiji_remove_price');
function naibabiji_remove_price($price){ 
return ;
}

コード1は商品を直接購入不可に設定するもので、コード2と比較して互換性が高い可能性があります。コード2は対応するフックを直接削除するため、一部のテーマでは表示上のバグが発生する可能性があります。

これらの3つの方法により、WordPressとWooCommerceを使用して商品を表示する2Bウェブサイトを簡単に構築できます。簡単でしょう?

8月13日更新:

バリアント製品情報を保持しつつカートボタンを削除する方法

同様にコードを使用する方法

add_action( 'woocommerce_single_product_summary', 'hide_add_to_cart_button_variable_product', 1, 0 );
function hide_add_to_cart_button_variable_product() {

// 只删除购物车按钮和数量,保留variation
remove_action( 'woocommerce_single_variation', 'woocommerce_single_variation_add_to_cart_button', 20 );
}

まだご自身のウェブサイトをインストールしていない場合は、Naibaが共有している記事を参照してください:自分でウェブサイトを構築する手順WordPressインストールチュートリアル

関連コンテンツ

カートに追加を削除するこの内容をご覧になったのであれば、以下の記事にも興味をお持ちかもしれません。

2.4/5 - (14 votes)
前の記事 WordPressに表を追加する6つの方法 同じタイムラインの近くのコンテンツを読み続ける。 次の記事 最新版Elementorにアップグレード後、ウェブサイトの色が乱れる問題の解決方法 次の関連チュートリアルや経験を表示する。

AIサイト構築アシスタント

🤖
こんにちは!私はNaibaサイト構築ノートのAIアシスタントです。何かお手伝いできることはありますか?
クイックコンサルティング: