Articles

Disable & Remove Related Products in WooCommerce – The Right Way To Hide Related Products

WooCommerce 関連商品は、WooCommerce ストアの訪問者に商品群をもっと知ってもらうために、透明な意図で設定されています。 それ以外になぜ WooCommerce は商品ページに関連商品を表示するのでしょうか?

カートページでの WooCommerce クロスセルと商品ページでの WooCommerce アップセル(すべてのタイプの WooCommerce リンク商品)も WooCommerce Core の標準機能として搭載されています。

あなたは不思議に思ったかもしれません。 WooCommerceはどのようにして商品ページに表示する関連商品を選んでいるのだろう? WooCommerceクロスセルやWooCommerceアップセルとは異なり、WooCommerce関連商品はあなたが指定することはできませんが、同じ商品カテゴリに類似商品を置いたり、同じ商品タグを使用することによって影響を受けることはあります。 あなたのサイトでは WooCommerce 関連商品はカテゴリだけで整理されていると思っていたかもしれませんが、商品タグも考慮されます。

したがって、多くの商人、店舗オーナー、eコマースマーケッター、WooCommerce ビルダーが商品ページで WooCommerce 関連商品をオフにすることを選択しても不思議ではありません。 そこで、その方法を紹介します。

目次

この記事にはアフィリエイトリンクが含まれています。つまり、私たちが紹介するプラグインやサービスを追加費用なしで購入すると、小さなコミッションを得ることがあります。 また、この記事で紹介するプラグインやサービスは、私たちが実際に使用し、推奨できるもののみを紹介しています。

WooCommerce 関連商品の非表示については、いくつかのオプションがあります。

  1. 子テーマの functions.php ファイルに直接コードを追加する(最も技術的)
  2. メイン functions.php ファイルにプラグインを使ってコードを追加する(テーマの更新で変更を上書きしないように)(それほど技術的ではないです)。
  3. いくつかの CSS を使用して、商品ページで関連商品をレンダリングしないようにする(かなり簡単)

WooCommerce で関連商品を削除するには、子テーマの functions を編集する必要があります。php ファイル

明らかに、この最初の解決策は、本質的に、あなたのサイトに子テーマが設定されていることに依存しています。 もしそうなら、これは比較的簡単なはずです (特にあなたが設定した場合)。

WordPress ダッシュボードからテーマ エディタにアクセスできる場合 (以下に示すように [外観] > テーマ エディタに移動)、

次に、functions.php ファイルを見つけてそのファイルに次のコードを追加すると、WooCommerce Related Products を永久にオフにすることができます。

WordPress Theme Editor が見当たりません It’s Missing

でも、「なぜ WordPress Theme Editor がないのか」と頭をかきむしっているかもしれませんね。

wp-config.php ファイルを編集して、(‘DISALLOW_FILE_EDIT’, true) 行を探し、’true’ を ‘false’ に置き換えると、このようになります。 (‘DISALLOW_FILE_EDIT’, false)

サーバーまたは cPanel にログインして wp-config.php ファイルに変更を加える必要はなく、WP File Manager というプラグインからアクセスできます。

これで WordPress Theme Editor オプションを完全に復元し、計画どおり子テーマの functions.php ファイルにコードを挿入して行くことができるはずです。

子テーマを設定しておらず、この方法を取りたい場合、まず子テーマを設定する必要があります。

プラグインを使用してメインの functions.php ファイルにコードを追加して WooCommerce で関連製品を無効にする

このオプションは、技術的に言えば、良い中間点のような気がしています。

メイン テーマの functions.php ファイルにコードを挿入するプラグインを使用することにより、テーマの更新がコードを上書きする問題を回避できますが、まだ子テーマをお持ちでない場合は、実装する必要もありません。

私たちが使用しているプラグインをいくつか紹介します。

これらのプラグインのいずれかをインストールしたら、前の方法で述べたコードを挿入することができます。

プラグイン開発者が提供する手順に従うだけで、(通常はコードをカットしてボックスに貼り付けるのと同じくらい簡単です)WooCommerce 関連商品を商品ページからすばやく、効果的に、適切に隠すことができます。

Hide Related Products in WooCommerce using Custom CSS to turn off related products on the product page

こちらはかなり簡単に修正できますね。 しかし、これは純粋な「コード修正」ではなく「CSS 修正」です。つまり、機能はバックグラウンドでまだ存在しますが、スタイルを使って表示しないように指示します。 その場合、このCSSをテーマカスタマイザーの「カスタムCSS」セクションに貼り付けることで、WooCommerceの商品ページで関連商品を簡単にオフにすることができます。 Appearance > Customise > Custom CSSに以下のCSSを貼り付けます:

.related.products {
display: none;
}

以上で、あなたのウェブサイトからWooCommerce Related Productsを削除できました。

ページビルダーを使用して WooCommerce 商品ページから関連商品を取り除く

Divi や Elementor などのページビルダーを使用すると、商品ページから WooCommerce 関連商品を取り除くことができます。

過激なことをする必要はありません!

WooCommerce 商品ページを再構築して、デフォルトの商品ページ テンプレートと非常によく似た外観にすることができますが、その過程でいくつかの重要な点が修正されます。 問題ありません。ただ、新しい商品ページのデザインにそれらを含めないでください。

WooCommerce の商品ページで関連商品のテキストを変更したいですか。 問題ありません。Divi

のようなページビルダーを使用して、タイトルを好きなものに変更したいですか? 問題ありません。ページビルダーでそのように指定するだけです!

WooCommerce関連商品の画像サイズを変更したいですか?

特定の商品だけからWooCommerce関連商品を削除したいですか? 問題ありません。WooCommerce商品ページリデザインで、特定のページに関連商品のセクションを含めないだけです!

Wooocommerce関連商品をリストで表示したいですか? 問題ありません。WooCommerce商品ページで関連商品を正確に表示します。

WooCommerce関連商品を表示する代わりに、ベストセラーを表示しますか? 素晴らしいアイデアです。そして、ページビルダーを使用して、WooCommerce 商品ページを一行のコードにも触れずに設計することで、簡単に実現できます。

WooCommerce 商品ページをページビルダーで編集する場合、WooCommerce 商品ページのデザイン上のすべてを制御することができます。

既存のデザインを複製するだけで、あなたのニーズに合わせて少し調整することができます。

以下の Divi テーマと Divi Builder をチェックしてください – これらは素晴らしく、パワフルで手頃です。

はい、特定の商品でWooCommerceの関連商品をオフにする方法はいくつかありますし、すべての商品ページでWooCommerceの関連商品を無効にすることも可能です。 いくつかのソリューションは、テーマ ファイルへのコードの挿入を必要とし、他のソリューションはテーマ カスタマイザーのカスタム CSS 領域で CSS を使用します。

ただし、より良いソリューションは、商品ページのデザインを完全に制御し、WooCommerce と連携するテーマが提供する商品ページ テンプレートに依存しないことだと考えています。

この方法では、WooCommerce 関連商品を置き換えて、ベストセラー商品やアップセル商品、クロスセル商品を WooCommerce 商品ページで表示できます。

WooCommerce 関連商品を置き換える Divi Theme と Divi Builder のアプローチで示したように、コードの 1 行にも触れずに視覚デザインの面で WooCommerce 商品ページをカスタマイズすることはまったく可能です。

それでは、Divi を忘れずにチェックしてください – ここをクリックするか、下のバナーをクリックしてください:

How To Control WooCommerce Related Products

WooCommerce Related Products は WooCommerce Upsells や Cross-Sells のように指定できませんが、関連製品 CAN にはあなたが影響を与えることが可能です。

商品を同じ商品カテゴリに分類したり、WooCommerce 商品に同じ商品タグを使用することで、WooCommerce データベースから見て、商品を「関連」させることができます。

ほとんどの WooCommerce ストアのオーナーのように、複数の商品カテゴリと商品タグを設定している場合、WooCommerce の商品ページで商品カタログの大部分が「関連商品」として表示される可能性が高いでしょう。

関連トピック

関連トピック – WooCommerce で要素を隠す

WooCommerce で商品を隠してショップページに表示せず、オンライン ストアの訪問者に見えないようにする方法がわからない場合 – 商品カタログから WooCommerce 商品を隠すいくつかの方法に関する総合ガイドを確認する必要があります。

関連トピック – WooCommerceから要素を削除する

あなたは、検索しましたか?

remove related products woocommerce

woocommerce remove related products

woocommerce hide related products

hide related products woocommerce

woocommerce disable related products

woocommerce turn off related products

turn off related products woocommerce

woocommerce related products remove

related products woocommerce remove

how to turn off related sessions. 1025>

disable related products woocommerce

how to remove related products woocommerce

remove related products form woocommerce

restrict woocommerce from showing related products

get rid of related products woocommerce

woocommerce suggested products

woocommerce linked products

woocommerce recommended products

You were generally interested in:

woocommerce 関連商品

関連商品 woocommerce

woocommerce auto 関連商品

関連商品 automatic woocommerce

あなたも不思議に思ったかもしれないですね。

woocommerce show related products

change related products text woocommerce

woocommerce change related products text

woocommerce change the ‘related products’ text

woocommerce related products image size

number of related products woocommerce

(関連商品の数

関連商品数

関連商品数変更

関連商品表示Woocommerce

関連商品表示Woocommerce

カスタム関連商品

関連商品表示Woocommerce

関連商品表示Woocommerce

関連商品数変更Woocommerce

関連商品数変更Woocommerce

関連商品数変更Woocommerce

Woocommerce

関連商品数変更Woocommerce products not showing

woocommerce related products slider

my woocommerce product page shows 2 related products rows

woocommerce change order of related products

edit related products woocommerce

woocommerce related products based on history

関連製品 products woocommerce storefront

woocommerce related products field not showing up

woocommerce remove related products from certain products

woocommerce the wrong related products are showing

If you looking for more control over WooCommerce Related Products for searching for you could be searched for.をご参照ください。

WooCommerce 関連商品プラグイン

WooCommerce 関連商品コード

WooCommerce 関連商品カテゴリ別

WooCommerce 関連商品同じカテゴリ

WooCommerce 関連商品 ショートコード

関連商品コード

関連商品テンプレート

関連商品取得

関連商品プラグインWoocommerce

関連商品なし

WOOCOMMERSE description

shows only related products when added woocommerce

one column related products on mobile woocommerce

woocommerce related products style

wocommerce related products as list

?

wocommerce related products show image

wocommerce related products show best sellers

how to control related products on woocommerce

wocommerce hide related products for certain products

関連商品。