WooCommerce Images For Multiple Products Goes Grey

Hi @mikeypnj

Thanks for reaching out!

I understand that the second image shows up quickly when you hover over a product which has multiple images, correct?

Checking this link, I can verify the issue here:

For us to investigate this further, can you please try to switch to the default Storefront theme and only WooCommerce plugin is enabled, hover to the same product on my screenshot and see if the second image is not showing already?

If so, then this kind of problem is usually caused by your theme or a third-party plugin present on your site. We can run a conflict test to verify this. I’d recommend cloning your site to a staging environment and performing the tests described on this guide without modifying your live site or impacting customers. Many hosts provide staging facilities, so it’s worth checking in with them. It’s also possible to do it using the free WP Staging plugin.

If this was caused by a third-party plugin present on your site, it would be best to reach out to the developers for further assistance here.

If this did not resolve the issue, please share your System Status Report, that will help us further troubleshoot.

You can find it via WooCommerce > Status. Select Get system report and then Copy for support. Once you’ve done that, you can paste it into your reply here.

If you could also provide the fatal error logs (if any) under WooCommerce > Status > Logs.

You could copy and paste your reply here or paste it via https://gist.github.com/ and send the link here.

Let us know how it goes!

no fatal error logs. 
Avada assures me the issue is with woocommerce and not their theme nor any of my plugins. 



WordPress Environment

WordPress address (URL): https://www.pickfishpets.com
Site address (URL): https://www.pickfishpets.com
WC Version: 7.6.1
REST API Version: ? 7.6.1
WC Blocks Version: ? 9.8.5
Action Scheduler Version: ? 3.5.4
Log Directory Writable: ?
WP Version: 6.2
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: ?
Language: en_US
External object cache: –

Server Environment

Server Info: Apache
PHP Version: 8.1.17
PHP Post Max Size: 512 MB
PHP Time Limit: 120
PHP Max Input Vars: 1000
cURL Version: 7.58.0
OpenSSL/1.1.1

SUHOSIN Installed: –
MySQL Version: 8.0.28-0ubuntu0.20.04.3
Max Upload Size: 512 MB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

Database

WC Database Version: 7.6.1
WC Database Prefix: wp_77bgd8_
Total Database Size: 221.72MB
Database Data Size: 216.66MB
Database Index Size: 5.06MB
wp_77bgd8_woocommerce_sessions: Data: 2.52MB + Index: 0.05MB + Engine InnoDB
wp_77bgd8_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_77bgd8_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_77bgd8_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_actionscheduler_actions: Data: 0.08MB + Index: 0.13MB + Engine InnoDB
wp_77bgd8_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_actionscheduler_logs: Data: 0.48MB + Index: 0.39MB + Engine InnoDB
wp_77bgd8_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wp_77bgd8_e_events: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_foller_cache: Data: 0.05MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_fusion_form_entries: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_fusion_form_fields: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_fusion_form_submissions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_fusion_forms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_hellofollowers_spa: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_imagify_files: Data: 0.13MB + Index: 0.13MB + Engine InnoDB
wp_77bgd8_imagify_folders: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_options: Data: 181.47MB + Index: 0.23MB + Engine InnoDB
wp_77bgd8_postmeta: Data: 4.33MB + Index: 1.89MB + Engine InnoDB
wp_77bgd8_posts: Data: 2.13MB + Index: 0.16MB + Engine InnoDB
wp_77bgd8_term_relationships: Data: 0.05MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_usermeta: Data: 0.06MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_77bgd8_wc_admin_note_actions: Data: 0.05MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_wc_admin_notes: Data: 0.08MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_77bgd8_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_77bgd8_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_wc_product_attributes_lookup: Data: 0.05MB + Index: 0.05MB + Engine InnoDB
wp_77bgd8_wc_product_download_directories: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_wc_product_meta_lookup: Data: 0.05MB + Index: 0.09MB + Engine InnoDB
wp_77bgd8_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_wfblockediplog: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_wfblocks7: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_77bgd8_wfconfig: Data: 3.31MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_wfcrawlers: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_wffilechanges: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_wffilemods: Data: 12.55MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_wfhits: Data: 1.02MB + Index: 0.08MB + Engine InnoDB
wp_77bgd8_wfhoover: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_wfissues: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_77bgd8_wfknownfilelist: Data: 6.52MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_wflivetraffichuman: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_wflocs: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_wflogins: Data: 0.25MB + Index: 0.08MB + Engine InnoDB
wp_77bgd8_wfls_2fa_secrets: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_wfls_role_counts: Data: 0.00MB + Index: 0.00MB + Engine MEMORY
wp_77bgd8_wfls_settings: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_wfnotifications: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_wfpendingissues: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_77bgd8_wfreversecache: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_wfsnipcache: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_77bgd8_wfstatus: Data: 0.13MB + Index: 0.11MB + Engine InnoDB
wp_77bgd8_wftrafficrates: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_woocommerce_square_customers: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_wpfm_backup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_wpforms_tasks_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_77bgd8_yoast_indexable: Data: 0.09MB + Index: 0.09MB + Engine InnoDB
wp_77bgd8_yoast_indexable_hierarchy: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_77bgd8_yoast_migrations: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_77bgd8_yoast_primary_term: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_77bgd8_yoast_seo_links: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

Post Type Counts

amn_wpforms-lite: 3
attachment: 196
custom_css: 1
customize_changeset: 1
elementor_library: 1
nav_menu_item: 12
oembed_cache: 3
page: 20
post: 2
product: 65
product_variation: 271
revision: 162
shop_order: 6
slide: 1
wp_global_styles: 1

Security

Secure connection (HTTPS): ?
Hide errors from visitors: ?

Active Plugins (15)

DreamHost Panel Login: by DreamHost
danielbachhuber – 1.0.0

Elementor: by Elementor.com – 3.12.2
Embed Block for TikTok: by audrasjb – 0.1
Avada Builder: by ThemeFusion – 3.10.1
Avada Core: by ThemeFusion – 5.10.1
Hello Followers - Social Counter Plugin for WordPress: by CreoApps – 2.5
Imagify: by Imagify – Optimize Images & Convert WebP – 2.1.1
One Click Optimization: by Divcoder – 2.0.4
UpdraftPlus - Backup/Restore: by UpdraftPlus.Com
DavidAnderson – 1.23.3

WooCommerce Square: by WooCommerce – 3.7.1
WooCommerce: by Automattic – 7.6.1
Wordfence Security: by Wordfence – 7.9.2
Yoast SEO: by Team Yoast – 20.6
WP File Manager: by mndpsingh287 – 7.1.8
WP Super Cache: by Automattic – 1.9.4

Inactive Plugins (7)

Akismet Anti-Spam: by Automattic – 5.1
Feed Them Social - Page, Post, Video and Photo Galleries: by SlickRemix – 4.1.3
Foller: by Merkulove – 1.2.5
Jetpack: by Automattic – 12.0
WPForms Lite: by WPForms – 1.8.1.2
Wp Social: by Wpmet – 2.2.2
YITH Maintenance Mode: by YITH – 1.6.0

Dropin Plugins (1)

advanced-cache.php: advanced-cache.php

Must Use Plugins (1)

Elementor Safe Mode: by Elementor.com – 1.0.0

Settings

API Enabled: –
Force SSL: –
Currency: USD ($)
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: –
Enforce Approved Product Download Directories: ?
Order datastore: WC_Order_Data_Store_CPT

WC Pages

Shop base: #108 - /shop/
Cart: #109 - /cart/
Checkout: #110 - /checkout/
My account: #111 - /my-account/
Terms and conditions: ? Page not set

Theme

Name: Avada
Version: 7.10.1
Author URL: https://themeforest.net/user/ThemeFusion
Child Theme: ? – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme
WooCommerce Support: ?

Templates

Overrides: Avada/woocommerce/cart/cart.php
Avada/woocommerce/checkout/form-pay.php
Avada/woocommerce/checkout/review-order.php
Avada/woocommerce/checkout/thankyou.php
Avada/woocommerce/loop/loop-start.php
Avada/woocommerce/single-product/add-to-cart/variable.php
Avada/woocommerce/single-product/short-description.php
Avada/woocommerce/single-product/tabs/additional-information.php
Avada/woocommerce/single-product/tabs/description.php

Square

Environment: Production
Tokenization Enabled: –
Debug Mode: Off

Admin

Enabled Features: activity-panels
analytics
coupons
customer-effort-score-tracks
import-products-task
experimental-fashion-sample-products
shipping-smart-defaults
shipping-setting-tour
homescreen
marketing
multichannel-marketing
mobile-app-banner
navigation
onboarding
onboarding-tasks
remote-inbox-notifications
remote-free-extensions
payment-gateway-suggestions
shipping-label-banner
subscriptions
store-alerts
transient-notices
woo-mobile-welcome
wc-pay-promotion
wc-pay-welcome-page

Disabled Features: block-editor-feature-enabled
minified-js
new-product-management-experience
product-variation-management
settings

Daily Cron: ? Next scheduled: 2023-05-02 03:48:35 +00:00
Options: ?
Notes: 106
Onboarding: skipped

Action Scheduler

Complete: 125
Oldest: 2023-04-01 14:26:11 +0000
Newest: 2023-04-30 20:23:53 +0000

Failed: 6
Oldest: 2023-01-16 07:57:37 +0000
Newest: 2023-04-28 18:03:11 +0000

Pending: 2
Oldest: 2023-05-01 20:23:53 +0000
Newest: 2023-05-05 07:06:43 +0000

Status report information

Generated at: 2023-05-01 20:19:04 +00:00
`

Hi @mikeypnj

Thanks for sharing the requested information above.

Can you please confirm that after performing the full conflict test as suggested above, the error still persists, yes?

I am unable to replicate the scenario on my personal site and I am not seeing anything suspicious on your site’s SSR.

It could be due to caching. Can you please have your host purge the site cache and see if this works?

Furthermore, please try to clear all transients under WooCommerce > Status > Tools:

• WooCommerce transients
• Expired transients

Let us know how that goes!

yes. cleared the cache and still nothing. I am at a total loss here.

Hi @mikeypnj ,

Inspecting your site, I can see that the images exhibiting this behavior are marked as .crossfade-images, which seems to be a feature of the Avada theme:

Avada assures me the issue is with woocommerce and not their theme nor any of my plugins.

I understand that Avada has mentioned that this issue is related to WooCommerce core, however, kindly note that WooCommerce core does not have a built-in feature that implements a crossfade to the product gallery, and this is a direct result of the Avada theme.

I’d suggest reaching out to the Avada theme developers with these findings so that they can better assist you in resolving this issue, as support related to third-party themes/plugins is outside our scope of support.

Additionally, I found a related Avada forum thread, perhaps this provides a solution to the issue you are experiencing:

• product images with a “crossfade” / hover effect which is undesirably shifting

Hope this points you in the right direction!

Roxy, thank you so much for spotting this! I completely missed it. I will bring this to their attention! Thanks Again!!!!

Hi @mikeypnj

You are most welcome and we’re glad that worked! ??

I will be marking this thread as resolved. Should you have further inquiries, kindly create a new topic here.

Meanwhile, if you have a moment to spare, we would love it if you could share your thoughts with us by leaving a review or feedback. Your experience and feedback are important to help us improve and ensure we’re always providing the best possible support.

Thanks!