WooCommerceで「続きを読む」ボタンを非表示にする方法：3つの簡単な方法

"もっと読む「ボタンは通常 WooCommerceの商品リストまたは商品カタログページ.クリックすると、次のような1つの商品ページが表示されます。この商品の詳細を見る.しかし、現在のページで直接完全な製品情報を提供する方が、ユーザーエクスペリエンスにとって有益な場合もあります。

もし"もっと読む"ボタンを実装する方法をいくつかご紹介します：

WooCommerceで「続きを読む」ボタンを非表示にする方法

方法1：CSSを使ってボタンを隠す

一番簡単な方法はカスタムCSS 隠すために"もっと読む「ボタンをクリックしてください。以下の手順に従ってください：

1. ワードプレスのダッシュボードへクリック 外観 > カスタマイズ.

2. カスタマイズパネルで 追加CSS.

3. テキストボックスに以下のコードを追加します：

.woocommerce .products .button {
    display: none !important；
}
.woocommerce .products .button {
    display: none !important；
}
.woocommerce .products .button {
    display: none !important；
}

4. 変更を保存して公開します。

このCSSコードは"もっと読む"カートに入れる "などの他のボタンはそのままにして、"カートに入れる "ボタンをクリックしてください。

方法2：商品ページをカスタマイズするためにPHPコードを使用します。

商品ページを作りたい場合より多くの制御大丈夫ですよ。PHPコードの追加を使用してWooCommerceテンプレートファイルをカスタマイズします。テーマの コンテンツ製品.php ファイルを直接削除したり変更したりすることができます。もっと読む「ボタンが表示されます。

1. WordPressのインストールディレクトリで、現在使用しているテーマフォルダを探します。
2. あなたのテーマに ウーコマース フォルダにコピーできます。 wp-content/plugins/woocommerce/templates ずぼしをさす コンテンツ製品.php をテーマフォルダに追加します。

3. コンパイラ コンテンツ製品.php ファイルで、次のコードを見つけてください：

<code><?php woocommerce_template_loop_product_link_open(); ?><br></code>
<code><?php woocommerce_template_loop_product_link_open(); ?><br></code>
<code><?php woocommerce_template_loop_product_link_open(); ?><br></code>

4. コード下ろしもしかしたらコメントアウト対"もっと読む「該当部分
5. ファイルを保存し、テーマフォルダにアップロードします。

これにより、商品ページに表示する内容をより柔軟に制御し、不要な要素を削除することができます。

方法3：プラグインを使用してセットアップを簡素化

万が一コードに詳しくない商品ページは、専用のWooCommerceプラグインを使用してカスタマイズすることができます。プラグインまるで コードスニペット コードを編集することなく、セットアップを簡素化できます。削除または変更"もっと読む「ボタンが表示されます。

1. WordPressのダッシュボードで プラグイン > プラグインのインストール.
2. 検索とインストール コードスニペット プラグイン。

3. プラグインをインストールして有効にしたら、バックグラウンドで スニペット > 新規追加.

4. コード編集ボックスに必要なコードを入力します。例えば、"もっと読む"ボタンをクリックすると、以下のコードを使用できます：

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 )；
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 )；
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 )；

概要

WooCommerceで「続きを読む」ボタンを非表示にするには、以下のようにカスタムCSS をクリックするとボタンが非表示になります。PHPコードの使用テンプレートファイルをカスタマイズしてボタンを削除するか、または コードスニペット このようなプラグインはセットアップを簡素化し、これらの方法はすべて、あなたのコントロール製品ページ表示内容。