ワードプレスWooCommerceプロダクトカルーセルは画像を表示しません

Question

まず、私はコーディングの不思議とスターターではありません。

私は数日間解決しようとしているという問題があります。それは、WooCommerceのカルーセルについてです。このウェブサイトはtegelsenlaminaat.nlで、例は：http://www.tegelsenlaminaat.nl/product/hoomline-balmoral-xl-spa/

次のエラーが表示されます。TypeError：v.carouFredSelは関数ではありません。 （ 'v.carouFredSel（w）'、 'v.carouFredSel'は定義されていません）

どうすればこの問題を解決できますか？

Answer 1

このエラーは、関数が登録される前にcarouFredSel関数を呼び出していることを意味します。

基本的には、その関数が存在する前にその関数を呼び出そうとしています。その機能を作成するJavaScriptファイルがサイトに出力されていないように見えます。

テーマに直接実装する場合は、script.min.jsスクリプトの前に関数を登録するスクリプトが含まれていることを確認する必要があります。

このプラグインのgithubには、jquery.carouFredSel-6.2.1-packed.jsという名前のスクリプトがあります。エンキューされたスクリプトで、通常はfunctions.phpに含めることができます。

おそらくこのようなものになります

：あなたのテーマの資産/ JSのディレクトリとcaroufredselに含まれている場合caroufredselスクリプトの両方をエンキューう

wp_enqueue_script('caroufredsel', get_template_directory_uri() . '/assets/js/jquery.carouFredSel-6.2.1-packed.js', array ('jquery'), 6.2.1, true);

wp_enqueue_script('script', get_template_directory_uri() . '/assets/js/script.min.js', array ('caroufredsel'), 1.0, true);

はjQueryのに依存しており、あなたのminスクリプトはjQueryとcaroufredselの両方に依存しています。

エンキュースクリプトの詳細については、トピックをカバーする私のサイトのthis articleを参照してください。