Product Image Zoom working on some products only

  • Resolved muneeb227

    (@muneeb227)


    2 years, 8 months ago

    Hello everyone,
    I have been working on a WordPress ecommerce website that is using WooCommerce plugin. I’m stuck with Product Image Zoom Issue. Using Elementor Page Builder for this website with Astra WordPress Theme. Here are the details:

    1. Product Image zoom is working on some of the products on image hover while others just have the functionality of clicking and then opening in the lightbox even though both are using same elementor page template.
    2. I thought the problem is with image extensions as I have mix of .png and .jpg but some .jpgs are working while others are not ??
    3. I checked Inspect Element and code for hover-working and hover-not-working products are different.

    Examples:
    Hover Working: https://test.smuneebali.com/product/air-king/
    Hover not Working: https://test.smuneebali.com/product/big-bang/

    Help.

    
### WordPress Environment ###

WordPress address (URL): https://test.smuneebali.com
Site address (URL): https://test.smuneebali.com
WC Version: 6.3.1
REST API Version: ? 6.3.1
WC Blocks Version: ? 6.9.0
Action Scheduler Version: ? 3.4.0
WC Admin Version: ? 3.2.1
Log Directory Writable: ?
WP Version: 5.9.2
WP Multisite: –
WP Memory Limit: 1 GB
WP Debug Mode: –
WP Cron: ?
Language: en_US
External object cache: ?

### Server Environment ###

Server Info: LiteSpeed
PHP Version: 8.1.4
PHP Post Max Size: 1 GB
PHP Time Limit: 600
PHP Max Input Vars: 2000
cURL Version: 7.71.0
OpenSSL/1.1.1d

SUHOSIN Installed: –
MySQL Version: 10.3.34-MariaDB-log-cll-lve
Max Upload Size: 1 GB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### Database ###

WC Database Version: 6.3.1
WC Database Prefix: wpny_
Total Database Size: 31.67MB
Database Data Size: 28.66MB
Database Index Size: 3.01MB
wpny_woocommerce_sessions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_woocommerce_api_keys: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_woocommerce_attribute_taxonomies: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_woocommerce_downloadable_product_permissions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_woocommerce_order_items: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_woocommerce_order_itemmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_woocommerce_tax_rates: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_woocommerce_tax_rate_locations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_woocommerce_shipping_zones: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_woocommerce_shipping_zone_locations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_woocommerce_shipping_zone_methods: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_woocommerce_payment_tokens: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_woocommerce_payment_tokenmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_woocommerce_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_actionscheduler_actions: Data: 0.05MB + Index: 0.03MB + Engine MyISAM
wpny_actionscheduler_claims: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_actionscheduler_groups: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpny_actionscheduler_logs: Data: 0.03MB + Index: 0.03MB + Engine MyISAM
wpny_addonlibrary_addons: Data: 0.05MB + Index: 0.00MB + Engine MyISAM
wpny_addonlibrary_categories: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_ce4wp_abandoned_checkout: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_ce4wp_contacts: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_commentmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_comments: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_duplicator_packages: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_e_events: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_e_submissions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_e_submissions_actions_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_e_submissions_values: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_gla_budget_recommendations: Data: 0.11MB + Index: 0.12MB + Engine MyISAM
wpny_gla_merchant_issues: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_gla_shipping_rates: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_gla_shipping_times: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_links: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_custom_fields: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_dynamic_segment_filters: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_feature_flags: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_forms: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_mapping_to_external_entities: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_newsletters: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_newsletter_links: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_newsletter_option: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_newsletter_option_fields: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpny_mailpoet_newsletter_posts: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_newsletter_segment: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_newsletter_templates: Data: 1.05MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_scheduled_tasks: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
wpny_mailpoet_scheduled_task_subscribers: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_segments: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpny_mailpoet_sending_queues: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_settings: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_statistics_bounces: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_statistics_clicks: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_statistics_forms: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_statistics_newsletters: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_statistics_opens: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_statistics_unsubscribes: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_statistics_woocommerce_purchases: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_stats_notifications: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_subscribers: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpny_mailpoet_subscriber_custom_field: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_subscriber_ips: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_subscriber_segment: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_user_agents: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_mailpoet_user_flags: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_options: Data: 7.33MB + Index: 0.11MB + Engine MyISAM
wpny_podsrel: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_postmeta: Data: 1.44MB + Index: 0.14MB + Engine MyISAM
wpny_posts: Data: 0.41MB + Index: 0.07MB + Engine MyISAM
wpny_smush_dir_images: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_ta_link_clicks: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_ta_link_clicks_meta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_termmeta: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
wpny_terms: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpny_term_relationships: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpny_term_taxonomy: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpny_usermeta: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpny_users: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpny_wc_admin_notes: Data: 0.01MB + Index: 0.00MB + Engine MyISAM
wpny_wc_admin_note_actions: Data: 0.01MB + Index: 0.00MB + Engine MyISAM
wpny_wc_category_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wc_customer_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wc_download_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wc_order_coupon_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wc_order_product_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wc_order_stats: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wc_order_tax_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wc_product_attributes_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wc_product_meta_lookup: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpny_wc_rate_limits: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wc_reserved_stock: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wc_tax_rate_classes: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpny_wc_webhooks: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wfblockediplog: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpny_wfblocks7: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wfconfig: Data: 4.57MB + Index: 0.01MB + Engine MyISAM
wpny_wfcrawlers: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wffilechanges: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wffilemods: Data: 8.41MB + Index: 1.65MB + Engine MyISAM
wpny_wfhits: Data: 0.22MB + Index: 0.05MB + Engine MyISAM
wpny_wfhoover: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wfissues: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
wpny_wfknownfilelist: Data: 4.58MB + Index: 0.50MB + Engine MyISAM
wpny_wflivetraffichuman: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wflocs: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wflogins: Data: 0.03MB + Index: 0.01MB + Engine MyISAM
wpny_wfls_2fa_secrets: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpny_wfls_settings: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpny_wfnotifications: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wfpendingissues: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wfreversecache: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wfsnipcache: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wfstatus: Data: 0.29MB + Index: 0.12MB + Engine MyISAM
wpny_wftrafficrates: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wpfm_backup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wpvivid_scan_result: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpny_wpvivid_unused_uploads_files: Data: 0.00MB + Index: 0.00MB + Engine MyISAM

### Post Type Counts ###

_pods_field: 1
_pods_group: 1
_pods_pod: 1
attachment: 368
custom_css: 1
customize_changeset: 5
e-landing-page: 1
elementor_library: 18
elementor_snippet: 1
mailpoet_page: 1
nav_menu_item: 12
page: 10
plus-mega-menu: 2
post: 7
product: 48
revision: 81
wp_global_styles: 1

### Security ###

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

### Active Plugins (13) ###

All-in-One WP Migration: by ServMask – 7.56
Classic Editor: by WordPress Contributors – 1.6.2
Ele Custom Skin: by Dudaster.com – 3.1.4
Element Invader - Elementor Template Kits Library: by ElementInvader – 1.1.5
Elementor Pro: by Elementor.com – 3.6.3
Elementor: by Elementor.com – 3.6.1
Google Listings and Ads: by WooCommerce – 1.11.1
reSmush.it Image Optimizer: by reSmush.it – 0.4.2
The Plus Addons for Elementor: by POSIMYTH – 5.0.8
The Plus Addons for Elementor - Pro: by POSIMYTH – 5.0.8
W3 Total Cache: by BoldGrid – 2.2.1
WooCommerce: by Automattic – 6.3.1
Wordfence Security: by Wordfence – 7.5.9

### Inactive Plugins (17) ###

Creative Mail by Constant Contact: by Constant Contact – 1.5.1
Duplicator: by Snap Creek – 1.4.4
Facebook for WooCommerce: by Facebook – 2.6.12
Jetpack: by Automattic – 10.7
MailPoet 3 (New): by MailPoet – 3.85.0
PNG to JPG: by KubiQ – 4.0
Pods - Custom Content Types and Fields: by Pods Framework Team – 2.8.10
Pods SEO: by Pods Framework Team – 2.2.1
SiteGround Optimizer: by SiteGround – 7.0.7
Social Snap Lite: by Social Snap – 1.1.17
Starter Templates: by Brainstorm Force – 3.1.7
Templately: by Templately – 1.3.3
Unlimited Elements for Elementor: by Unlimited Elements – 1.5.8
Unsplash: by Unsplash – 1.0.1
WP File Manager: by mndpsingh287 – 7.1.4
WP Reset: by WebFactory Ltd – 1.95
WPvivid Backup Plugin: by WPvivid Team – 0.9.70

### Dropin Plugins (3) ###

advanced-cache.php: advanced-cache.php
db.php: db.php
object-cache.php: object-cache.php

### Settings ###

API Enabled: –
Force SSL: –
Currency: PKR (?)
Currency Position: left_space
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 0
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 base: #199 - /shop/
Cart: #201 - /cart/
Checkout: #203 - /checkout/
My account: #206 - /my-account/
Terms and conditions: ? Page not set

### Theme ###

Name: Astra
Version: 3.7.9
Author URL: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
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: –

### Action Scheduler ###

Complete: 181
Oldest: 2022-03-14 12:17:40 +0000
Newest: 2022-03-27 05:59:29 +0000

Pending: 1
Oldest: 2022-03-28 05:59:29 +0000
Newest: 2022-03-28 05:59:29 +0000

### Status report information ###

Generated at: 2022-03-27 11:47:32 +05:00

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello @muneeb227,

    It seems the second image is too low in resolution in order zoom to work. Try uploading hi res and see if that helps. Also, you can check the specified product image size by heading to Appearance > Customize > Woocommerce > Product image

    Cheers
    Naz.

    Thread Starter muneeb227

    (@muneeb227)

    Ah! Thank you so much. Image size was the issue. I need to use HD images but I’m afraid if it can cause my website slow. Can you recommend some of the best performing plugins with woocommerce?

    Well, You could use image compression tools like squoosh app in order to compress the image ahead of uploading to the site. Alternatively, you can also use plugin like Smush compress the existing media files.

    Hope this helps!
    Naz.

    @nazreenexe
    Thanks for your input

    @muneeb227

    Glad to hear it – thanks for letting us know!

    I’ll mark this thread as resolved now. If you have any further questions, I recommend creating a new thread.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Product Image Zoom working on some products only’ is closed to new replies.