Custom product thumbnail missing in WooCommerce cart
Fix missing customized product thumbnails in the WooCommerce cart and order emails.
When a customer adds a customized product to the WooCommerce cart, the cart should display a thumbnail of their customized design instead of the default product image. If the default image shows instead, the thumbnail feature may be disabled or misconfigured.
Symptoms
- The WooCommerce cart shows the default product image, not the customized design.
- Order emails show the default product image.
- The Account β Orders page shows the default product image.
Cause 1: Cart thumbnail setting is disabled
The customized product thumbnail feature must be enabled in Chamevo settings.
Fix:
- Go to Chamevo β Settings β WooCommerce β Cart.
- Enable Customized Product Thumbnail.
- Set the thumbnail width and height (default: 100Γ100 pixels).
- Save settings.
For order emails and the Account β Orders page:
- Go to Chamevo β Settings β WooCommerce β Order.
- Enable Customized Product Thumbnail.
Cause 2: Theme overrides cart template
Some WooCommerce themes override the cart item template and do not use the standard thumbnail filter.
Fix:
- Switch to a default WooCommerce theme (Storefront) temporarily to test if thumbnails appear.
- If they appear with the default theme, your theme's cart template override does not support the Chamevo thumbnail hook.
- Contact your theme developer or customize the cart template to use the standard WooCommerce thumbnail filter.
Cause 3: Lightbox mode not updating the product image
When the customizer opens in lightbox mode, the product image should update after the customer clicks Done.
Fix:
- Go to Chamevo β Settings β WooCommerce β Product Page β Lightbox.
- Enable Update Product Image on Done.
Cause 4: WooCommerce product image CSS selector mismatch
If your theme uses a non-standard CSS structure for the product image, Chamevo cannot find and update it.
Fix:
- Go to Chamevo β Settings β Advanced β Troubleshooting.
- Enter the correct CSS selector in WooCommerce Product Image CSS Selector (e.g.,
.image-slide img). - Use your browser's developer tools (F12) to inspect the product image and identify the correct selector.