Support » Plugin: WooCommerce » Product image zoom in fullscreen isn’t working

  • Resolved arnaudv33

    (@arnaudv33)


    Hello,

    The zoom isn’t working properly on my product images on mobile phones. When I click on the loupe in order to display the gallery, if I try to zoom on the image it breaks the image. I tried to change the theme and also to desactivate all plugins but the issue is still there.

    Could you please help me to solve the issue?

    Best regards,

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support Yuki K. a11n

    (@yukikatayama)

    Automattic Happiness Engineer

    Hi @arnaudv33,

    I see what you mean, when viewing your images after clicking the magnifying glass icon, then zooming in further with a double click or two-finger zoom. I’ve been unable to replicate this in the Storefront theme. Do you get the same issues when testing with that theme?

    Thread Starter arnaudv33

    (@arnaudv33)

    Hello @yukikatayama,

    No it’s working on a storefront demo. I also tried on my theme’s demo and it’s also working so I assume the issue comes from a plugin.

    Plugin Support Yuki K. a11n

    (@yukikatayama)

    Automattic Happiness Engineer

    Hi @arnaudv33,

    so I assume the issue comes from a plugin.

    In that case, I’d recommend conflict testing to rule out which plugin is causing this.

    Thread Starter arnaudv33

    (@arnaudv33)

    Exactly, that’s what I did, I also try to desactivate the child theme but It didn’t solve the issue either.

    Plugin Support EtienneP a11n

    (@etiennep)

    Can you do a full conflict test with only WooCommerce and the Storefront theme active by following this guide – https://docs.woocommerce.com/document/how-to-test-for-conflicts/

    That will show what is causing this behavior

    Thread Starter arnaudv33

    (@arnaudv33)

    Hello Etienne,

    As I said, I already done these testings. I tried again this morning and when I desactivate all plugins and switch to the twenty twelve theme I still have the issue. But the thing is that if for example I try to replicate the issue on the demo of my theme editor, I don’t find any issue https://wp-royal.com/themes/ashe-pro/classic/shop/happy-ninja/.

    Plugin Support EtienneP a11n

    (@etiennep)

    Could you 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”.  Once you’ve done that, paste it here in your response.

    Thread Starter arnaudv33

    (@arnaudv33)

    
    ### WordPress Environment ###
    
    WordPress address (URL): https://www.liberon.fr
    Site address (URL): https://www.liberon.fr
    WC Version: 3.7.0
    REST API Version: ✔ 1.0.2
    Log Directory Writable: ✔
    WP Version: 5.2.3
    WP Multisite: –
    WP Memory Limit: 256 MB
    WP Debug Mode: –
    WP Cron: –
    Language: fr_FR
    External object cache: –
    
    ### Server Environment ###
    
    Server Info: Apache
    PHP Version: 7.2.23
    PHP Post Max Size: 8 MB
    PHP Time Limit: 30
    PHP Max Input Vars: 1000
    cURL Version: 7.38.0
    OpenSSL/1.0.1t
    
    SUHOSIN Installed: –
    MySQL Version: 5.5.5-10.0.38-MariaDB-0+deb8u1
    Max Upload Size: 2 MB
    Default Timezone is UTC: ✔
    fsockopen/cURL: ✔
    SoapClient: ✔
    DOMDocument: ✔
    GZip: ✔
    Multibyte String: ✔
    Remote Post: ✔
    Remote Get: ✔
    
    ### Database ###
    
    WC Database Version: 3.7.0
    WC Database Prefix: mod531_
    Taille totale de la base de données: 160.97MB
    Taille de la base de données: 126.55MB
    Taille de l’index: 34.42MB
    mod531_woocommerce_sessions: Données : 1.02MB + Index : 0.02MB + Moteur InnoDB
    mod531_woocommerce_api_keys: Données : 0.02MB + Index : 0.03MB + Moteur InnoDB
    mod531_woocommerce_attribute_taxonomies: Données : 0.02MB + Index : 0.02MB + Moteur InnoDB
    mod531_woocommerce_downloadable_product_permissions: Données : 0.02MB + Index : 0.05MB + Moteur InnoDB
    mod531_woocommerce_order_items: Données : 0.20MB + Index : 0.08MB + Moteur InnoDB
    mod531_woocommerce_order_itemmeta: Données : 1.50MB + Index : 2.88MB + Moteur InnoDB
    mod531_woocommerce_tax_rates: Données : 0.02MB + Index : 0.06MB + Moteur InnoDB
    mod531_woocommerce_tax_rate_locations: Données : 0.02MB + Index : 0.03MB + Moteur InnoDB
    mod531_woocommerce_shipping_zones: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_woocommerce_shipping_zone_locations: Données : 0.02MB + Index : 0.03MB + Moteur InnoDB
    mod531_woocommerce_shipping_zone_methods: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_woocommerce_payment_tokens: Données : 0.02MB + Index : 0.02MB + Moteur InnoDB
    mod531_woocommerce_payment_tokenmeta: Données : 0.02MB + Index : 0.03MB + Moteur InnoDB
    mod531_woocommerce_log: Données : 0.02MB + Index : 0.02MB + Moteur InnoDB
    mod531_adtribes_my_conversions: Données : 0.02MB + Index : 0.02MB + Moteur InnoDB
    mod531_all_in_one_redirection: Données : 7.52MB + Index : 0.00MB + Moteur InnoDB
    mod531_cf_forms: Données : 0.27MB + Index : 0.02MB + Moteur InnoDB
    mod531_cf_form_entries: Données : 0.08MB + Index : 0.11MB + Moteur InnoDB
    mod531_cf_form_entry_meta: Données : 0.09MB + Index : 0.03MB + Moteur InnoDB
    mod531_cf_form_entry_values: Données : 1.52MB + Index : 3.22MB + Moteur InnoDB
    mod531_cf_pro_messages: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_cf_tracking: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_cf_tracking_meta: Données : 0.02MB + Index : 0.03MB + Moteur InnoDB
    mod531_commentmeta: Données : 0.11MB + Index : 0.14MB + Moteur InnoDB
    mod531_comments: Données : 2.50MB + Index : 1.36MB + Moteur InnoDB
    mod531_db7_forms: Données : 0.23MB + Index : 0.00MB + Moteur InnoDB
    mod531_ewwwio_images: Données : 4.52MB + Index : 5.06MB + Moteur InnoDB
    mod531_ewwwio_queue: Données : 0.11MB + Index : 0.08MB + Moteur InnoDB
    mod531_formmaker: Données : 0.09MB + Index : 0.00MB + Moteur InnoDB
    mod531_formmaker_backup: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_formmaker_blocked: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_formmaker_display_options: Données : 0.02MB + Index : 0.02MB + Moteur InnoDB
    mod531_formmaker_query: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_formmaker_sessions: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_formmaker_submits: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_formmaker_themes: Données : 0.14MB + Index : 0.00MB + Moteur InnoDB
    mod531_formmaker_views: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_links: Données : 0.02MB + Index : 0.02MB + Moteur InnoDB
    mod531_mail_bank: Données : 0.00MB + Index : 0.00MB + Moteur MyISAM
    mod531_mail_bank_logs: Données : 0.04MB + Index : 0.00MB + Moteur MyISAM
    mod531_mail_bank_meta: Données : 0.00MB + Index : 0.00MB + Moteur MyISAM
    mod531_ms_snippets: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_nextend2_image_storage: Données : 0.08MB + Index : 0.02MB + Moteur InnoDB
    mod531_nextend2_section_storage: Données : 0.16MB + Index : 0.03MB + Moteur InnoDB
    mod531_nextend2_smartslider3_generators: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_nextend2_smartslider3_sliders: Données : 1.50MB + Index : 0.00MB + Moteur InnoDB
    mod531_nextend2_smartslider3_sliders_xref: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_nextend2_smartslider3_slides: Données : 0.19MB + Index : 0.00MB + Moteur InnoDB
    mod531_nf3_actions: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_nf3_action_meta: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_nf3_fields: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_nf3_field_meta: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_nf3_forms: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_nf3_form_meta: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_nf3_objects: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_nf3_object_meta: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_nf3_relationships: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_options: Données : 5.16MB + Index : 0.20MB + Moteur InnoDB
    mod531_pmxi_files: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_pmxi_history: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_pmxi_images: Données : 0.16MB + Index : 0.00MB + Moteur InnoDB
    mod531_pmxi_imports: Données : 0.08MB + Index : 0.00MB + Moteur InnoDB
    mod531_pmxi_posts: Données : 0.02MB + Index : 0.03MB + Moteur InnoDB
    mod531_pmxi_templates: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_postmeta: Données : 63.34MB + Index : 12.55MB + Moteur InnoDB
    mod531_posts: Données : 20.22MB + Index : 1.91MB + Moteur InnoDB
    mod531_pum_subscribers: Données : 0.02MB + Index : 0.06MB + Moteur InnoDB
    mod531_responsive_menu: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_sib_model_forms: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_sib_model_users: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_snippets: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_termmeta: Données : 0.11MB + Index : 0.17MB + Moteur InnoDB
    mod531_terms: Données : 0.14MB + Index : 0.16MB + Moteur InnoDB
    mod531_term_relationships: Données : 0.34MB + Index : 0.19MB + Moteur InnoDB
    mod531_term_taxonomy: Données : 0.19MB + Index : 0.22MB + Moteur InnoDB
    mod531_tinvwl_items: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_tinvwl_lists: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_usermeta: Données : 2.50MB + Index : 3.00MB + Moteur InnoDB
    mod531_users: Données : 0.14MB + Index : 0.14MB + Moteur InnoDB
    mod531_wc_admin_notes: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_wc_admin_note_actions: Données : 0.02MB + Index : 0.02MB + Moteur InnoDB
    mod531_wc_customer_lookup: Données : 0.02MB + Index : 0.03MB + Moteur InnoDB
    mod531_wc_cvo_cache: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_wc_download_log: Données : 0.02MB + Index : 0.03MB + Moteur InnoDB
    mod531_wc_order_coupon_lookup: Données : 0.02MB + Index : 0.03MB + Moteur InnoDB
    mod531_wc_order_product_lookup: Données : 0.02MB + Index : 0.06MB + Moteur InnoDB
    mod531_wc_order_stats: Données : 0.02MB + Index : 0.05MB + Moteur InnoDB
    mod531_wc_order_tax_lookup: Données : 0.02MB + Index : 0.03MB + Moteur InnoDB
    mod531_wc_product_meta_lookup: Données : 0.16MB + Index : 0.33MB + Moteur InnoDB
    mod531_wc_tax_rate_classes: Données : 0.02MB + Index : 0.02MB + Moteur InnoDB
    mod531_wc_webhooks: Données : 0.02MB + Index : 0.02MB + Moteur InnoDB
    mod531_wfBlockedIPLog: Données : 0.06MB + Index : 0.00MB + Moteur InnoDB
    mod531_wfBlocks7: Données : 0.02MB + Index : 0.05MB + Moteur InnoDB
    mod531_wfConfig: Données : 1.28MB + Index : 0.00MB + Moteur InnoDB
    mod531_wfCrawlers: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_wfFileChanges: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_wfFileMods: Données : 3.52MB + Index : 0.00MB + Moteur InnoDB
    mod531_wfHits: Données : 1.02MB + Index : 1.14MB + Moteur InnoDB
    mod531_wfHoover: Données : 0.02MB + Index : 0.02MB + Moteur InnoDB
    mod531_wfIssues: Données : 0.02MB + Index : 0.06MB + Moteur InnoDB
    mod531_wfKnownFileList: Données : 1.52MB + Index : 0.00MB + Moteur InnoDB
    mod531_wfLiveTrafficHuman: Données : 0.02MB + Index : 0.02MB + Moteur InnoDB
    mod531_wfLocs: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_wfLogins: Données : 0.11MB + Index : 0.03MB + Moteur InnoDB
    mod531_wfls_2fa_secrets: Données : 0.02MB + Index : 0.02MB + Moteur InnoDB
    mod531_wfls_settings: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_wfNotifications: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_wfPendingIssues: Données : 0.02MB + Index : 0.06MB + Moteur InnoDB
    mod531_wfReverseCache: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_wfSNIPCache: Données : 0.02MB + Index : 0.05MB + Moteur InnoDB
    mod531_wfStatus: Données : 0.13MB + Index : 0.09MB + Moteur InnoDB
    mod531_wfTrafficRates: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_woocommerce_dpdfrance: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_wpfm_backup: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    mod531_yoast_seo_links: Données : 1.45MB + Index : 0.20MB + Moteur InnoDB
    mod531_yoast_seo_meta: Données : 1.41MB + Index : 0.00MB + Moteur InnoDB
    oepl_crm_map_fields: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    sib_model_contact: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    sib_model_country: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    wp_smackformrelation: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    wp_smackleadbulider_field_manager: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    wp_smackleadbulider_form_field_manager: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    wp_smackleadbulider_shortcode_manager: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    wp_smackthirdpartyformfieldrelation: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    wp_smack_ecom_info: Données : 0.02MB + Index : 0.00MB + Moteur InnoDB
    
    ### Security ###
    
    Secure connection (HTTPS): ✔
    Hide errors from visitors: ✔
    
    ### Active Plugins (45) ###
    
    PI Button: par AccessPress Themes – 3.2.9
    All In One Redirection: par Vsourz Digital  – 2.1.0
    WooCommerce be2bill: par deadcow – 2.0 – Non testé avec la version active de WooCommerce
    Contact Form 7: par Takayuki Miyoshi – 5.1.4
    Custom Order Status for WooCommerce: par Tyche Softwares – 1.4.8
    Duplicate Post: par Enrico Battocchi – 3.2.3
    Google Tag Manager for WordPress: par Thomas Geiger – 1.10.1 – Non testé avec la version active de WooCommerce
    Elementor Pro: par Elementor.com – 2.7.1
    Elementor: par Elementor.com – 2.7.3
    EWWW Image Optimizer: par Exactly WWW – 5.0.0
    GetWooPlugins Updater: par Emran Ahmed – 1.0.0
    Instagram Feed: par Smash Balloon – 1.12.2
    Hexasmal : Communes et codes postaux par API La Poste: par Fluenx – 1.1.1
    SendinBlue Subscribe Form And WP SMTP: par SendinBlue – 2.9.8
    Max Mega Menu: par megamenu.com – 2.7.2
    Minimal Coming Soon & Maintenance Mode: par WebFactory Ltd – 2.05
    Simple Catalog for WooCommerce: par Anthony Hortin – 1.4.1 – Non testé avec la version active de WooCommerce
    Smart Slider 3: par Nextend – 3.3.22
    Super Progressive Web Apps: par SuperPWA – 2.0.2
    The Plus Addons for Elementor Page Builder: par POSIMYTH Themes – 2.0.8
    Ultimate FAQ: par Etoile Web Design – 1.8.25 – Non testé avec la version active de WooCommerce
    V33 Export DPD France: par DPD France S.A.S. V33 SA – 0.0.3
    V33 Préfix commandes: par V33 SA – 0.0.1
    Product Feed PRO for WooCommerce: par AdTribes.io – 6.5.1
    Additional Variation Images Gallery for WooCommerce - Pro: par Emran Ahmed – 1.1.18
    Additional Variation Images Gallery for WooCommerce: par Emran Ahmed – 1.1.33
    Variation Swatches for WooCommerce: par Emran Ahmed – 1.0.62
    WooCommerce Catalog Visibility Options: par Lucas Stark – 3.2.4 – Non testé avec la version active de WooCommerce
    WooCommerce Conversion Tracking: par Tareq Hasan – 2.0.4
    DPD France: par DPD France S.A.S. – 5.2.6 – Non testé avec la version active de WooCommerce
    WooCommerce Sendinblue Newsletter Subscription: par SendinBlue – 1.2.15 – Non testé avec la version active de WooCommerce
    WooCommerce: par Automattic – 3.7.0
    Wordfence Security: par Wordfence – 7.4.0
    Yoast SEO Premium: par L’équipe Yoast – 12.1
    WP All Import Pro: par Soflyy – 4.5.8
    WP Crontrol: par John Blackbourn & crontributors – 1.7.1
    WP CyberCité Optimized Images: par CyberCité – 2.0.2
    WP Instagram Widget: par Scott Evans – 2.0.3
    WP Menu Cart Pro: par Jeremiah Prummer
    Ewout Fernhout – 3.1.9 – Non testé avec la version active de WooCommerce
    
    WP Rocket | Disable Cache Clearing On Widget Update: par WP Rocket Support Team –
    WP Rocket: par WP Media – 3.3.7
    WP Store Locator - CSV Manager: par Tijmen Smit – 1.2.0
    WP Store Locator: par Tijmen Smit – 2.2.231
    WP All Import - WooCommerce Add-On Pro: par Soflyy – 3.0.9
    Instagram Feed + WPezWidget: par Mark "Chief Alchemist" Simchock for Alchemy United – 0.0.1
    
    ### Inactive Plugins (4) ###
    
    Disable Real MIME Check: par Sergey Biryukov – 1.0
    Loco Translate: par Tim Whitlock – 2.3.0
    Query Monitor: par John Blackbourn – 3.3.7
    WP-Cron Status Checker: par Webhead LLC – 1.0
    
    ### Dropin Plugins (2) ###
    
    advanced-cache.php: advanced-cache.php
    maintenance.php: maintenance.php
    
    ### Settings ###
    
    API Enabled: ✔
    Force SSL: –
    Currency: EUR (€)
    Currency Position: right
    Thousand Separator: 
    Decimal Separator: ,
    Number of Decimals: 2
    Taxonomies: Product Types: external (external)
    grouped (grouped)
    simple (simple)
    variable (variable)
    variation (variation)
    
    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 ###
    
    Base de la boutique: #4460 - /tous-les-produits-liberon/
    Panier: #1642 - /panier/
    Validation de la commande: #1644 - /commande/
    Mon compte: #1646 - /mon-compte/
    Conditions générales de vente et d’utilisation: #4406 - /cgv-internet/
    
    ### Theme ###
    
    Name: Ashe Pro Premium Child
    Version: 3.4.2
    Author URL: 
    Child Theme: ✔
    Parent Theme Name: Ashe Pro
    Parent Theme Version: 3.5.5
    Parent Theme Author URL: https://wp-royal.com/
    WooCommerce Support: ✔
    
    ### Templates ###
    
    Overrides: /var/www/vhosts/liberon.fr/httpdocs/wp-content/plugins/woo-variation-gallery/templates/product-images.php
    /var/www/vhosts/liberon.fr/httpdocs/wp-content/plugins/woo-variation-gallery/templates/product-thumbnails.php
    
    ### Action Scheduler ###
    
    Complete: 20
    Oldest: 2019-10-02 06:05:01 +0200
    Newest: 2019-10-03 06:05:07 +0200
    
    Pending: 0
    Oldest: –
    Newest: –
    
    Canceled: 0
    Oldest: –
    Newest: –
    
    In-progress: 0
    Oldest: –
    Newest: –
    
    Failed: 0
    Oldest: –
    Newest: –
    
    
    Plugin Support EtienneP a11n

    (@etiennep)

    Thanks for that!

    I see that you have some caching on the site, and when you do the conflict test, the issue might still be cached and showing to you.

    What I would suggest is you create a staging site without the caching and then do the conflict test to see what is causing this.

    If your host doesn’t provide staging facilities, a simple way to do it is using the free WP Staging plugin:
    https://wordpress.org/plugins/wp-staging/

    Plugin Support EtienneP a11n

    (@etiennep)

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Product image zoom in fullscreen isn’t working’ is closed to new replies.