WordPressのテーマのAFFINGER6にWooCommerceのプラグインを有効化するとスマホ版のWebサイトのハンバーガーメニューが開かなくなります。
環境）
WordPressのバージョン：5.9.2
WordPressのテーマ：AFFINGER6
WooCommerceのバージョン：6.3.1でスマホ版のメニューのみ開かない状態です。
数週間前までは動作していました。
WordPressかWooCommerceのバージョンアップのタイミングで発生した事象と思われます。
解決方法を教えて下さい。
問題のWebサイトのURL
https://www.redring.jp
🍔←スマホでタッチしてもメニューが開かない。。。
WooCommerceのプラグインを無効化すると正常に動作した。
まずはブラウザの開発ツールのConsoleに、ハンバーガーメニュークリック時にエラーが出てないか確認してください。
ご回答ありがとうございます。
メニュークリック時には何もエラーが表示されません。
ただし、別件と思われますが警告として
DevTools failed to load source map: Could not load content for https://redring.jp/wordpress/wp/wp-content/plugins/rich-table-of-content/css/rtoc_style.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
というものが出ています。
警告ですがrich-table-of-contentプラグインも影響している可能性があるのでしょうか。申し訳ありませんが、上記は的外れな気も致します。
失礼いたしました。クリックイベント時ではないと思うのですが、エラーが別途出ていました。
woocommerce.min.js?ver=6.3.1:1 Uncaught TypeError: Cannot read properties of undefined (reading 'get')
at HTMLDocument.<anonymous> (woocommerce.min.js:1:379)
at j (jquery.min.js:2:27309)
at Object.fireWith [as resolveWith] (jquery.min.js:2:28122)
at Function.ready (jquery.min.js:2:29956)
at HTMLDocument.J (jquery.min.js:2:30322)
WooCommerceのjavascript関係なので何か手掛かりがつかめると良いのですが。
source mapは一旦無視して大丈夫そうです。
woocommerceのエラーの方臭いですが、圧縮ファイルなのでデバッグが難しいですね。
テスト環境はありますか？もしあれば、該当のテーマに、woocommerceプラグインだけをインストールして(他のプラグインは無効化して)、同じ問題が発生するか確認すると、問題の所在が明確になると思います。
こちらの記事が参考になるかもしれません
@redring
Questioner
@redring
Questioner
@redring
Questioner
