Product Page isn’t loading correctly – jQuery undefined
-
Hello,
I’ve got the problem, that my product pages aren’t loading correctly. The page loads and loads the description, the variants, etc., except for the product images. In addition, there is a large gap between the description and the place where the product images should be. When I look in Chrome’s console, I see 28 error messages, all of which say jQuery is not defined. I checked it again and jQuery is available in wp-includes/js/jquery. I also tried adding jQuery to the header.php file via Google’s CDN hosting, but that didn’t help either. What’s weird is that most product pages load without any problems, but few of the others don’t.I have linked a product as an example.
The page I need help with: [log in to see the link]
-
Hi @drbuzzz,
Just to check, are you using any caching/optimization plugins? If yes, please disable them and try reloading the page on an incognito/private browser window.
If the above does not yield any positive results, kindly try doing a conflict test to see if the issue persists when you’re running only the WooCommerce plugin on a default WP theme like Twenty Twenty One. Here’s the conflict test guide – https://docs.woocommerce.com/document/how-to-test-for-conflicts/
Let us know how it goes.
Thanks.Thanks for your reply. I did the conflict test with the guide, but it didn’t help. The thing is, that it works on every single product, but not on this one. I’ve had this mistake a few times, and it’s really annoying. It seems that it only occurs on new products that I create. And as I said, the console is full of “jQuery is not defined” errors. What should I do?
Hi there,
Thanks for getting back to us.
Let’s see if there is an error on the WooCommerce Logs. Kindly provide us the following:
- System Status: You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”. Once you’ve done that, paste it here in your response.
- Error Log: Share a copy of any fatal error log found under WooCommerce > System Status > Logs (if available).
- Console tab: Right-click on the page or press F12 on the keyboard and select “Inspect” (this option will show up on most browsers). In the developer tools that will pop up you should see a “Console” tab. From there, please send us a screenshot of what’s being displayed using a tool like snipboard.io.
Thanks!
Hello,
thanks for the answer. Here is what you asked for. I couldn’t find an error log, so I guess it’s fine.Here is the System Report:
### WordPress Environment ### WordPress address (URL): https://creatorshop.de Site address (URL): https://creatorshop.de WC Version: 5.7.0 REST API Version: ? 5.7.0 WC Blocks Version: ? 5.7.1 Action Scheduler Version: ? 3.2.1 WC Admin Version: ? 2.6.4 Log Directory Writable: ? WP Version: 5.8.1 WP Multisite: – WP Memory Limit: 512 MB WP Debug Mode: – WP Cron: ? Language: de_DE External object cache: ? ### Server Environment ### Server Info: LiteSpeed PHP Version: 7.4.11 PHP Post Max Size: 128 MB PHP Time Limit: 300 PHP Max Input Vars: 5000 cURL Version: 7.71.0 OpenSSL/1.1.1d SUHOSIN Installed: – MySQL Version: 5.5.5-10.3.24-MariaDB-cll-lve Max Upload Size: 128 MB Default Timezone is UTC: ? fsockopen/cURL: ? SoapClient: ? DOMDocument: ? GZip: ? Multibyte String: ? Remote Post: ? Remote Get: ? ### Database ### WC Database Version: 5.7.0 WC Database Prefix: wp_ Datenbank-Gesamtgr??e: 28.08MB Datenbank-Datengr??e: 22.40MB Datenbank-Indexgr??e: 5.68MB wp_woocommerce_sessions: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_api_keys: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_attribute_taxonomies: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_downloadable_product_permissions: Daten: 0.02MB + Index: 0.06MB + Engine InnoDB wp_woocommerce_order_items: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_order_itemmeta: Daten: 0.08MB + Index: 0.06MB + Engine InnoDB wp_woocommerce_tax_rates: Daten: 0.02MB + Index: 0.06MB + Engine InnoDB wp_woocommerce_tax_rate_locations: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_shipping_zones: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_woocommerce_shipping_zone_locations: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_shipping_zone_methods: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_woocommerce_payment_tokens: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_payment_tokenmeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_log: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_actions: Daten: 0.36MB + Index: 0.36MB + Engine InnoDB wp_actionscheduler_claims: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_groups: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_logs: Daten: 0.27MB + Index: 0.19MB + Engine InnoDB wp_adsw_activities: Daten: 0.13MB + Index: 0.00MB + Engine InnoDB wp_adsw_ali_meta: Daten: 0.17MB + Index: 0.03MB + Engine InnoDB wp_adsw_comments_hash: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_adsw_search_analytics: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_adsw_task_upload_images: Daten: 0.08MB + Index: 0.02MB + Engine InnoDB wp_adsw_variations: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_aioseo_notifications: Daten: 0.02MB + Index: 0.06MB + Engine InnoDB wp_aioseo_posts: Daten: 0.06MB + Index: 0.02MB + Engine InnoDB wp_commentmeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_comments: Daten: 0.02MB + Index: 0.09MB + Engine InnoDB wp_links: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_litespeed_img_optm: Daten: 0.16MB + Index: 0.13MB + Engine InnoDB wp_litespeed_img_optming: Daten: 0.02MB + Index: 0.05MB + Engine InnoDB wp_litespeed_url: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_litespeed_url_file: Daten: 0.06MB + Index: 0.08MB + Engine InnoDB wp_mailchimp_carts: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_mailchimp_jobs: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_nextend2_image_storage: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_nextend2_section_storage: Daten: 0.05MB + Index: 0.06MB + Engine InnoDB wp_nextend2_smartslider3_generators: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_nextend2_smartslider3_sliders: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_nextend2_smartslider3_sliders_xref: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_nextend2_smartslider3_slides: Daten: 0.13MB + Index: 0.13MB + Engine InnoDB wp_options: Daten: 6.31MB + Index: 0.27MB + Engine InnoDB wp_p3dlite_coatings: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_p3dlite_materials: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_p3dlite_price_requests: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_p3dlite_printers: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_postmeta: Daten: 2.52MB + Index: 1.92MB + Engine InnoDB wp_posts: Daten: 0.50MB + Index: 0.13MB + Engine InnoDB wp_termmeta: Daten: 0.09MB + Index: 0.14MB + Engine InnoDB wp_terms: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_term_relationships: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_term_taxonomy: Daten: 0.05MB + Index: 0.03MB + Engine InnoDB wp_usermeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_users: Daten: 0.02MB + Index: 0.05MB + Engine InnoDB wp_wcpdf_invoice_number: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_admin_notes: Daten: 0.05MB + Index: 0.00MB + Engine InnoDB wp_wc_admin_note_actions: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_category_lookup: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_customer_lookup: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_download_log: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_order_coupon_lookup: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_order_product_lookup: Daten: 0.02MB + Index: 0.06MB + Engine InnoDB wp_wc_order_stats: Daten: 0.02MB + Index: 0.05MB + Engine InnoDB wp_wc_order_tax_lookup: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_product_meta_lookup: Daten: 0.05MB + Index: 0.09MB + Engine InnoDB wp_wc_reserved_stock: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_tax_rate_classes: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_webhooks: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wfblockediplog: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wfblocks7: Daten: 0.02MB + Index: 0.05MB + Engine InnoDB wp_wfconfig: Daten: 0.47MB + Index: 0.00MB + Engine InnoDB wp_wfcrawlers: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wffilechanges: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wffilemods: Daten: 6.52MB + Index: 0.00MB + Engine InnoDB wp_wfhits: Daten: 0.06MB + Index: 0.05MB + Engine InnoDB wp_wfhoover: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wfissues: Daten: 0.02MB + Index: 0.06MB + Engine InnoDB wp_wfknownfilelist: Daten: 2.52MB + Index: 0.00MB + Engine InnoDB wp_wflivetraffichuman: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wflocs: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wflogins: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wfls_2fa_secrets: Daten: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wfls_settings: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wfnotifications: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wfpendingissues: Daten: 0.02MB + Index: 0.06MB + Engine InnoDB wp_wfreversecache: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wfsnipcache: Daten: 0.02MB + Index: 0.05MB + Engine InnoDB wp_wfstatus: Daten: 0.13MB + Index: 0.09MB + Engine InnoDB wp_wftrafficrates: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_woocommerce_gzd_dhl_im_products: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_gzd_dhl_im_product_services: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_gzd_packaging: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_woocommerce_gzd_packagingmeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_gzd_shipmentmeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_gzd_shipments: Daten: 0.02MB + Index: 0.05MB + Engine InnoDB wp_woocommerce_gzd_shipment_itemmeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_gzd_shipment_items: Daten: 0.02MB + Index: 0.06MB + Engine InnoDB wp_woocommerce_gzd_shipment_labelmeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_gzd_shipment_labels: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_gzd_shipping_provider: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB wp_woocommerce_gzd_shipping_providermeta: Daten: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wpforms_tasks_meta: Daten: 0.02MB + Index: 0.00MB + Engine InnoDB ### Post Type Counts ### attachment: 207 custom_css: 3 customize_changeset: 20 nav_menu_item: 19 page: 30 post: 3 product: 29 product_variation: 259 revision: 23 shop_coupon: 2 shop_order: 6 wpcf7_contact_form: 1 wpforms: 2 ### Security ### Secure connection (HTTPS): ? Hide errors from visitors: ? ### Active Plugins (30) ### 3DPrint Lite: von Sergey Burkov – 1.9.1.4 FiboSearch - AJAX Search for WooCommerce: von FiboSearch Team – 1.13.0 Dropshipping on Alibaba.com: von Alibaba – 1.0.3 AliDropship Woo Plugin: von Vitaly Kukin & Yaroslav Nevskiy & Pavel Shishkin & Denis Zharov – 1.6.34 All in One SEO: von All in One SEO Team – 4.1.4.3 Angell EYE Updater: von Angell EYE – 2.0.17 Cloudflare: von Cloudflare Inc. – 4.5.1 Contact Form 7: von Takayuki Miyoshi – 5.4.2 Cookiebot | GDPR/CCPA Compliant Cookie Consent and Control: von Cybot A/S – 3.10.1 Mehrere Dateien per Drag & Drop hochladen - Kontaktformular 7: von Glen Don L. Mongaya – 1.3.6.1 Facebook for WooCommerce: von Facebook – 2.6.5 Site Kit von Google: von Google – 1.41.0 Jetpack: von Automattic – 10.1 LiteSpeed Cache: von LiteSpeed Technologies – 4.4.1 Loco Translate: von Tim Whitlock – 2.5.3 Mailchimp for WooCommerce: von Mailchimp – 2.5.3 Ocean Extra: von OceanWP – 1.8.1 PayPal for WooCommerce: von Angell EYE – 2.5.16 Smart Slider 3: von Nextend – 3.5.0.11 TI WooCommerce Wishlist: von TemplateInvaders – 1.28.4 UpdraftPlus – Sichern/Wiederherstellen: von UpdraftPlus.Com DavidAnderson – 1.16.61 Variation Swatches for WooCommerce: von Emran Ahmed – 1.1.19 WooCommerce Stripe-Gateway: von WooCommerce – 5.5.0 Germanized für WooCommerce: von vendidero – 3.6.1 WooCommerce Google Analytics Integration: von WooCommerce – 1.5.3 WooCommerce PDF Invoices & Packing Slips: von Ewout Fernhout – 2.9.3 WooCommerce: von Automattic – 5.7.0 Wordfence Security: von Wordfence – 7.5.5 WordPress Importer: von wordpressdotorg – 0.7 WPForms Lite: von WPForms – 1.6.9 ### Inactive Plugins (0) ### ### Dropin Plugins (1) ### object-cache.php: object-cache.php ### Settings ### API Enabled: – Force SSL: – Currency: EUR (€) Currency Position: left Thousand Separator: . Decimal Separator: , Number of Decimals: 2 Taxonomies: Product Types: external (external) grouped (grouped) simple (simple) variable (variable) Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog) exclude-from-search (exclude-from-search) featured (featured) outofstock (outofstock) rated-1 (rated-1) rated-2 (rated-2) rated-3 (rated-3) rated-4 (rated-4) rated-5 (rated-5) Connected to WooCommerce.com: ? ### WC Pages ### Shop-Basis: #671 - / Warenkorb: #672 - /warenkorb/ Kasse: #673 - /kasse/ Mein Konto: #11 - /mein-konto/ Allgemeine Gesch?ftsbedingungen: #236 - /allgemeine-geschaeftsbedingungen/ ### Theme ### Name: OceanWP Version: 3.0.7 Author URL: https://oceanwp.org/about-me/ Child Theme: ? – Wenn du WooCommerce mit einem Theme das du nicht selbst entwickelt hast an eigene Bedürfnisse anpasst dann empfehlen wir die Verwendung eines Child-Themes. Siehe Wie du ein Child-Theme erstellst (engl.) WooCommerce Support: ? ### Templates ### Overrides: oceanwp/woocommerce/cart/mini-cart.php oceanwp/woocommerce/content-single-product.php oceanwp/woocommerce/loop/loop-start.php oceanwp/woocommerce/single-product/title.php ### TI WooCommerce Wishlist Templates ### Overrides: – ### Action Scheduler ### Abgeschlossen: 893 Oldest: 2021-08-29 13:00:06 +0200 Newest: 2021-09-22 08:17:06 +0200 Ausstehend: 10 Oldest: 2021-09-22 08:28:38 +0200 Newest: 2021-09-27 19:51:45 +0200 ### Status report information ### Generated at: 2021-09-22 08:17:59 +02:00
Here are the screenshots from the console tab:
https://snipboard.io/jk2rbI.jpg
https://snipboard.io/lapV2T.jpg
https://snipboard.io/kwqOdZ.jpg
https://snipboard.io/CrRVhB.jpgThank you for your help!
Hi @drbuzzz,
Looking at your system status report there are several things that could be causing this including caching and also the OceanWP theme which is overriding the default WooCommerce template files of products from within the theme.
When testing on your site it seems like a possible Javascript conflict is preventing the images from loading. I noticed that something on your site is setting the opacity of the image to be 0.
Image Link: https://cloudup.com/ct5KDt6Xn2J
On all of my test installations, the opacity is automatically set to 1 and not 0.
Image Link: https://d.pr/i/t0ijei
There are also many other differences in the code output on your site relating to the image display too when comparing that to a default installation of WooCommerce using the Twenty Twenty-One theme or our own Storefront theme. It seems something installed on your site is possibly preventing the flexslider javascript the image galleries use from working correctly.
From what I’ve seen I’d suggest carrying out a conflict test again as what you’re experiencing is not directly related to the WooCommerce plugin itself from the results of my cross-testing for us.
To carry our a full conflict test on your site you will need to disable all other plugins aside from WooCommerce along with switching to a theme like Storefront. This will help with trying to and locate what software you have installed which could possibly be causing this behaviour? You could use a free plugin called Health Check and Troubleshooting to carry out such testing.
When in Troubleshooting mode all plugins will be deactivated and only the admin of the site carrying out the troubleshooting would see those changes. Any customers visiting the site would see no changes at all.
Once you have disabled all other plugins and switched themes if the behaviour is resolved you can then enabled your theme and sites plugins testing after each one is enabled until the behaviour returns to locate the culprit.
https://docs.woocommerce.com/document/how-to-test-for-conflicts/
Okay, I did the conflict test again multiple times, and it seems, that the problem is the AliDropship Plugin I bought a few weeks ago. It causes the error messages. But the Plugin costed $89, and I really need it for my store. What should I do?
Thank you for your help, so far!
Hi there!
I would recommend reaching out to the developer of the AliDropship plugin and let them know what is happening. You could link them to this thread. Hopefully they will be able to make an update to their plugin to resolve this issue.
You’ve referenced a commercial/premium plugin, so please use their official support channel. We feel they are best equipped to support their products.
Commercial products are not supported in these forums.
- The topic ‘Product Page isn’t loading correctly – jQuery undefined’ is closed to new replies.