WooCommerce の [カートに追加] ボタンが表示されない問題を修正する 6 つの方法

公開: 2023-01-05

世界の Web サイトの 43% が WordPress を使用しており、WordPress は間違いなく最も人気のあるコンテンツ管理システム (CMS) です。 その人気の理由は、その使いやすさにあります。 コーディングや Web デザインについて何も知らなくても、わずか数分で Web サイトを立ち上げることができます。

プラグインを使用して、WordPress サイトの外観と機能を柔軟に変更できます。 製品やサービスを販売するために e コマース ストアを運営することを計画している場合は、WooCommerce が最適です。

残念ながら、WooCommerce は人気があり強力ですが、時々問題に遭遇することがあります。 ユーザーがよく遭遇する問題は、WooCommerce の [カートに追加] ボタンにエラーが表示されないことです。 このガイドでそれを修正する方法を紹介します!

  • ウーコマースとは?
  • WooCommerce の [カートに追加] ボタンがエラーを表示しないことを理解する
  • #1 WooCommerce を最新バージョンに更新する
  • #2 WooCommerce の商品情報を入力する
  • #3 プラグインの競合を解決する
  • #4 コーディングの問題を修正する
  • #5 互換性のないテーマを確認する
  • #6 サーバーの問題を取り除く

ウーコマースとは?

WooCommerce は、WordPress の e コマース プラグインを指します。 簡単に言えば、WooCommerce を WordPress Web サイトにインストールして統合し、e コマース ストアに変えることができます。 WordPressサイトで物理的およびデジタルの両方で製品の販売を開始するために必要なすべてのツールを提供します!

ppwp-woocommerce-プラグイン

そして最高の部分は? WooCommerce はオープンソースであり、完全に無料で使用できます。 これが、このプラグインが中小企業の経営者の間で非常に人気がある理由です.

WooCommerce の [カートに追加] ボタンがエラーを表示しないことを理解する

WooCommerce の主な機能の 1 つは、サイトに「ショッピング カート」機能を提供することです。 顧客は、欲しい商品をカートに入れ、簡単にチェックアウトできます。

ppwp-woocommerce-default-add-to-cart-button

しかし、多くの WooCommerce ユーザーが不可解な問題を報告しています。 何らかの理由で、カートに製品を追加するために使用できるボタンが機能しません。 クリックしても、何もしないか、エラー メッセージが表示されます。 場合によっては、ボタンがまったく表示されないことさえあります。

これが起こる理由はたくさんあります。 次のセクションでは、最も一般的な理由を示し、修正方法を共有します。

#1 WooCommerce を最新バージョンに更新する

これは非常に一般的な問題です。 WooCommerce の開発者は、互換性の問題、バグ、不具合を解決する新しいアップデートとパッチを継続的に送り出しています。 インストールしたバージョンが最新でない場合、[カートに追加] ボタンなどの一部の機能がバグる可能性があります。

修正は非常に簡単で、おそらくそれが何であるかはすでに推測できます。 WooCommerce を最新バージョンにアップデートしてください!

WordPress 管理パネルにログインします。 左側のメニュー バーで [更新] タブを見つけます。 [アップデート] タブから、WooCommerce の最新のアップデートを確認してインストールできます。

ppwp-ワードプレス-アップデート

新しいアップデートがある場合は、[今すぐアップデート] プロンプトをクリックして、ダウンロードしてインストールします。 最後のステップは、問題が修正されたかどうかを確認することです。

新しいアップデートがないか、アップデート後も WooCommerce のカートに追加ボタンが表示されないというエラーが表示されませんか? 次のセクションに進みます。

#2 WooCommerce の商品情報を入力する

WooCommerce では、ウェブサイトに掲載するすべての商品に商品情報 (名前、説明、価格など) を添付する必要があります。これらのフィールドに入力するのを忘れると、その特定の商品の [カートに追加] ボタンが機能しなくなります。

基本的な情報に加えて、在庫状況や製品 ID などの重要なフィールドに時間をかけて入力する必要があります。 この情報の一部はオプションですが、関係なく記入する必要があります。

必要事項を入力するとカートに入れるボタンが表示されます。

ppwp-fix-woocommerce-add-to-cart-button-not-showing-error

#3 プラグインの競合を解決する

WordPress プラグインは、相互の連携を拒否することがあります。 そうなったとき、それは「衝突」と呼ばれます。 互換性のないプラグインと一緒に WooCommerce を実行すると、エラー、バグ、グリッチが発生します。

WooCommerce には、互換性のない既知のすべてのプラグインのリストがあります。 それらのいずれかがインストールされているかどうかを確認してください。 その場合は無効にすると、WooCommerce が再び機能するはずです。

リストに問題のあるプラグインが見つからず、競合が問題の原因であると確信している場合は、次のことを行う必要があります。

まず、すべてのプラグインが最新バージョンに更新されていることを確認します。 開発者は、プラグイン間の互換性の問題を修正するためにパッチをリリースすることがよくあります。

それでもうまくいかない場合は、WordPress サイトのキャッシュをクリアしてください。 これは、サイトの「リセット」ボタンを押すのと似ており、特定の問題を修正するのに役立つ場合があります。

サイコロはありませんか? インストールされているプラ​​グインを確認し、1 つずつ無効にして、問題のあるプラグインを見つけます。 競合するプラグインを見つけたら、無効にします。

#4 コーディングの問題を修正する

コーディングの問題により、[カートに追加] ボタンが無効になる可能性があります。 通常、これは可変アイテムの価格設定の問題が原因で発生します。

コーディングについてあまり知らなくても、この問題を解決できます。

この問題を解決するには、[外観] > [テーマ エディター] に移動して、Web ページのfunctions.phpファイルを開きます。

このコード行をファイルの最後に追加します。

 add_filter('woocommerce_show_variation_price', function() { return TRUE;});

[ファイルを更新]をクリックします。 それはそれである必要があります! ウェブサイトをもう一度テストして、[カートに追加] ボタンが再び表示されるかどうかを確認します。

#5 互換性のないテーマを確認する

WooCommerce と競合する可能性があるのはプラグインだけではありません。 テーマによってシステムが壊れることもあります。

この問題を解決するには多くの方法がありますが、そのうちの 1 つは、テーマの構成設定を確認することです。

WordPress 管理パネルの [外観] > [カスタマイズ] > [ WooCommerce]に移動します。 Add to Cart Buttonsという行が表示されます。 Invisibleに設定されているかどうかを確認します。 表示されている場合は、それをクリックしてVisibleに切り替えます。

ボタンが表示されるはずです。

#6 サーバーの問題を取り除く

場合によっては、それはあなたのせいでも、あなたのサイトのせいでもありません。 ファイルmod_securityの有効期限が切れているために、サイトが jQuery コードを読み取れない場合があります。 Web サイトを悪意のある攻撃から保護する保護システムです。

期限切れのmod_securityファイルは、不具合やバグにつながる可能性があります。 ファイルの有効期限が切れているかどうかを確認するには、ブラウザーの開発者ツールを使用して Web サイトを調べます。 JS エラー「.jQuery.cookie.min.js が見つかりません」が表示された場合、これが問題です。

ppwp-woocommerce-add-to-cart-button-not-showing-server-error

ただし、この問題を自分で修正することはできません。 代わりに、ホスティングプロバイダーに電話してください。彼らはあなたのためにそれを整理します.

WooCommerce のカートに追加ボタンを表示する

WooCommerce は、WordPress 用の優れた e コマース プラグインです。 しかし、他の技術ツールと同様に、作業中に多くの問題が発生する可能性があります。 問題は、単純なコード行の誤りから、サーバー側の問題までさまざまです。

この診断ガイドが、あなたのサイトが WooCommerce カートに追加ボタンが表示されないというエラーに苦しんでいる理由を正確に把握し、修正するのに役立つことを願っています.

より役立つチュートリアルについては、当社の Web サイトを購読することを忘れないでください。