Zoom on products doesn’t work
-
Hi,
I noticed that the zoom on hoover on the product images doesn’t work as it should: there is a little zoom-in but not as it usually is. I tried to deactivate all the plugins and regenerate the CSS in Elementor but the problem still persists. There is no cache system.
This is a link to a product but the problem is for all the products: https://tea.easytravelhosting.com/product/tea-ball-infuser/
Can you help with this?
Thank you
The page I need help with: [log in to see the link]
-
Hi @dreamytravelstory ,
Thanks for reaching out!
I understand that you are experiencing an issue with the zoom on hover, on your site, where it is not working as expected, is this correct?
I have gone to the product URL you shared and see what you mean, as the zoom is very minimal.
I am unable to replicate this on my test site which uses the latest version of WooCommerce and WordPress and has the default Storefront theme active, as the zoom function works as expected on my end.
You have mentioned disabling all plugins and the issue persists, yes? Please clarify if you have switched your theme to a default theme such as Storefront to see if this is being caused by your current theme.
If not, I’d suggest performing a full conflict test to rule out any theme/plugin conflicts which may be causing this issue.
If you don’t want to test on your live site, then create a staging site using a plugin called WP Staging.
Let us know how this goes!
Hi,
So other than deactivate all the plugins except woo, I switched theme to Storefront and the issue persist.
Please see this staging copy I made:
https://tea.easytravelhosting.com/staging/product/avanti-eden-glass-tea-pot/
The website is now running with no plugin at all, doo you have any suggestion?
Thank you
Hi,
On my site that is using WooCommerce
7.6.0
and Storefront the zoom looks like this (I could not see the issue):Screen1: https://gifyu.com/image/SdRZ0
Screen 2: https://gifyu.com/image/SdRZ6
To take a closer look, please share a copy of your site’s System Status? You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”.?
Thank you ??
Hi and thank you for the answer.
In other woocommerce sites I made, the zoom is much more, as in this example: https://www.gattomattotessuti.it/prodotto/gattopack-sweet-bears-pois-cammello-2/
As you can see it’s possible to zoom much more in the product.
Here the system status, thank you for the help:
WordPress Environment WordPress address (URL): https://tea.easytravelhosting.com/staging Site address (URL): https://tea.easytravelhosting.com/staging WC Version: 7.6.0 REST API Version: ?</img> 7.6.0 WC Blocks Version: ?</img> 9.8.4 Action Scheduler Version: ?</img> 3.5.4 Log Directory Writable: ?</img> WP Version: 6.2 WP Multisite: – WP Memory Limit: 4 GB WP Debug Mode: – WP Cron: ?</img> Language: en_US External object cache: – Server Environment Server Info: LiteSpeed PHP Version: 7.4.33 PHP Post Max Size: 512 MB PHP Time Limit: 90 PHP Max Input Vars: 10000 cURL Version: 7.84.0 OpenSSL/1.1.1p SUHOSIN Installed: – MySQL Version: 5.5.5-10.5.19-MariaDB Max Upload Size: 64 MB Default Timezone is UTC: ?</img> fsockopen/cURL: ?</img> SoapClient: ?</img> DOMDocument: ?</img> GZip: ?</img> Multibyte String: ?</img> Remote Post: ?</img> Remote Get: ?</img> Database WC Database Version: 7.6.0 WC Database Prefix: wpvw_ Total Database Size: 35.92MB Database Data Size: 31.09MB Database Index Size: 4.83MB wpvw_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wpvw_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wpvw_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wpvw_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wpvw_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_actionscheduler_actions: Data: 0.22MB + Index: 0.20MB + Engine InnoDB wpvw_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_actionscheduler_logs: Data: 0.17MB + Index: 0.17MB + Engine InnoDB wpvw_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB wpvw_defender_audit_log: Data: 0.02MB + Index: 0.08MB + Engine InnoDB wpvw_defender_email_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_defender_lockout: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wpvw_defender_lockout_log: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wpvw_defender_scan: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wpvw_defender_scan_item: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_e_events: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_e_notes: Data: 0.02MB + Index: 0.17MB + Engine InnoDB wpvw_e_notes_users_relations: Data: 0.02MB + Index: 0.05MB + Engine InnoDB wpvw_e_submissions: Data: 0.02MB + Index: 0.27MB + Engine InnoDB wpvw_e_submissions_actions_log: Data: 0.02MB + Index: 0.11MB + Engine InnoDB wpvw_e_submissions_values: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_hfcm_scripts: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wpvw_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_options: Data: 3.47MB + Index: 0.08MB + Engine InnoDB wpvw_postmeta: Data: 16.52MB + Index: 1.94MB + Engine InnoDB wpvw_posts: Data: 9.52MB + Index: 0.33MB + Engine InnoDB wpvw_smush_dir_images: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_stock_log: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wpvw_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_usermeta: Data: 0.05MB + Index: 0.03MB + Engine InnoDB wpvw_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB wpvw_wc_admin_notes: Data: 0.06MB + Index: 0.00MB + Engine InnoDB wpvw_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wpvw_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wpvw_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB wpvw_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wpvw_wc_product_attributes_lookup: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_wc_product_download_directories: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB wpvw_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wpvw_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wpvw_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB Post Type Counts attachment: 287 custom_css: 1 customize_changeset: 36 elementor_font: 2 elementor_library: 8 nav_menu_item: 11 page: 13 post: 2 product: 37 product_variation: 120 revision: 958 shop_coupon: 2 Security Secure connection (HTTPS): ?</img> Hide errors from visitors: ?</img> Active Plugins (1) WooCommerce: by Automattic – 7.6.0 Inactive Plugins (9) Cookie Notice & Compliance for GDPR / CCPA: by Hu-manity.co – 2.4.8 Defender: by WPMU DEV – 3.10.1 Elementor: by Elementor.com – 3.12.1 Elementor Pro: by Elementor.com – 3.12.1 Header Footer Code Manager: by 99robots – 1.1.32 Post Duplicator: by Metaphor Creations – 2.28 Smush: by WPMU DEV – 3.12.6 Stock Manager for WooCommerce: by StoreApps – 2.10.0 WooCommerce Payments: by Automattic – 5.7.0 Settings API Enabled: – Force SSL: – Currency: AUD ($) 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: ?</img> Order datastore: WC_Order_Data_Store_CPT WC Pages Shop base: #254 - /shop/ Cart: #255 - /cart/ Checkout: #256 - /checkout/ My account: #257 - /my-account/ Terms and conditions: ?</img> Page not set Theme Name: Storefront Version: 4.2.0 Author URL: https://woocommerce.com/ Child Theme: ?</img> – 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: ?</img> Templates Overrides: – 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: ?</img> Next scheduled: 2023-04-15 10:34:26 +00:00 Options: ?</img> Notes: 62 Onboarding: completed Action Scheduler Complete: 633 Oldest: 2023-03-15 05:12:20 +0000 Newest: 2023-04-15 00:49:14 +0000 Failed: 5 Oldest: 2023-03-07 02:11:26 +0000 Newest: 2023-04-14 08:40:02 +0000 Pending: 1 Oldest: 2023-04-16 00:49:14 +0000 Newest: 2023-04-16 00:49:14 +0000 Status report information Generated at: 2023-04-15 03:00:17 +00:00 `
Hi,
I could not open your last product link.
For the products that are not working, can you please try to use an image with a higher resolution to see if that helps to solve the issue?
If not, can you navigate to WooCommerce > System Status > Logs? (See if there are errors visible, if so, let us know).
Cheers.
the issue is fixed with a higher resolution picture, isn’t there a way to have the same level of zooming with a less res pic?
Thank you
Hi,
Thanks for letting us know.
It depends on many factors, such as the image type, dimensions, the theme the site is using. But in general, images that are high resolution can be optimized.
More info: How to Optimize Images to Speed Up Your WooCommerce Store
I hope this helps.
- The topic ‘Zoom on products doesn’t work’ is closed to new replies.