• Hi there,

    So after recently updating Woocommerce I have noticed the product featured image disappears on mobile devices. Sometimes it loads, but then as soon as scroll down slightly the image just vanishes! Other times it just doesn’t load at all.

    But the placeholder remains. And if click on the image to zoom, it displays the zoomed image correctly – for each variation. But then just empty when zoomed out again.

    This is not happening on desktop broswers, only mobile. And I have tested on Safari, Chrome and Firefox – all the same issue!

    Please help!!
    Many thanks,
    Lewis

    Example page: https://www.woolmersales.co.uk/product/mitre-camero-jersey-adults/

    
    ### WordPress Environment ###
    
    Home URL: https://www.woolmersales.co.uk
    Site URL: https://www.woolmersales.co.uk
    WC Version: 3.0.7
    Log Directory Writable: ?
    WP Version: 4.7.5
    WP Multisite: –
    WP Memory Limit: 256 MB
    WP Debug Mode: –
    WP Cron: ?
    Language: en_GB
    
    ### Server Environment ###
    
    Server Info: Apache/2.4.25
    PHP Version: 5.6.30
    PHP Post Max Size: 8 MB
    PHP Time Limit: 30
    PHP Max Input Vars: 1000
    cURL Version: 7.36.0
    OpenSSL/1.0.1e
    
    SUHOSIN Installed: –
    MySQL Version: 5.6.35
    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.0.7
    WC Database Prefix: wp_
    woocommerce_sessions: ?
    woocommerce_api_keys: ?
    woocommerce_attribute_taxonomies: ?
    woocommerce_downloadable_product_permissions: ?
    woocommerce_order_items: ?
    woocommerce_order_itemmeta: ?
    woocommerce_tax_rates: ?
    woocommerce_tax_rate_locations: ?
    woocommerce_shipping_zones: ?
    woocommerce_shipping_zone_locations: ?
    woocommerce_shipping_zone_methods: ?
    woocommerce_payment_tokens: ?
    woocommerce_payment_tokenmeta: ?
    
    ### Security ###
    
    Secure connection (HTTPS): ?Your store is not using HTTPS. Learn more about HTTPS and SSL Certificates.
    Hide errors from visitors: ?
    
    ### Active Plugins (39) ###
    
    Advanced Browser Check: by Mattias Hedman – 4.4.1
    Banner Management for WooCommerce: by Multidots – 1.0.7
    Cherry Plugin: by Cherry Team. – 1.2.7
    Contact Form 7 Style: by Johnny
    dorumarginean
    mlehelsz
    MirceaR – 3.1.2
    
    Contact Form 7: by Takayuki Miyoshi – 4.7
    CropRefine: by era404 – 0.9.7
    Enable Media Replace: by M?ns Jonasson – 3.0.6
    Exclude Pages from Navigation: by Simon Wheatley – 1.92
    Force Regenerate Thumbnails: by Pedro Elsner – 2.0.6
    Formidable Forms: by Strategy11 – 2.03.07
    Go Live Update URLS: by Mat Lipe – 4.1.2
    MotoPress Content Editor: by MotoPress – 1.6.0
    Nice Search: by Mark Jaquith – 0.5
    Optimize Images Resizing: by OriginalEXE – 1.4.1
    WooCommerce Local Shop: by Phil Meadows – 1.0
    Popup Builder PRO: by Sygnoos – 3.1.6
    Post Thumbnail Editor: by sewpafly – 2.4.8
    Relevanssi: by Mikko Saari – 3.5.8
    Responsify WP: by Stefan Ledin – 1.9.8
    SKU Error Fixer for WooCommerce: by WordPress Monsters – 1.0
    Slider WD: by WebDorado – 1.1.80
    Social Media Feather: by socialmediafeather – 1.8.3
    Tawk.to Live Chat: by Tawkto – 0.2.9
    WooCommerce Variation Swatches: by ThemeAlien – 1.0.2
    Velvet Blues Update URLs: by VelvetBlues.com – 3.2.7
    WooCommerce Tree Table Rate Shipping: by tablerateshipping.com – 1.15.1
    WooCommerce Bulk Discount: by Rene Puchinger – 2.4.5
    Booster for WooCommerce: by Algoritmika Ltd – 2.7.1
    Woocommerce Products Per Page: by Jeroen Sormani – 1.2.2
    WooCommerce: by Automattic – 3.0.7
    Yoast SEO: by Team Yoast – 4.7.1
    WordPress Database Backup: by Austin Matzko – 2.3.1
    WP-Mail-SMTP: by Callum Macdonald – 0.10.1
    WP Max Submit Protect: by Academe Computing – 1.1.2
    WP Statistics: by Greg Ross & Mostafa Soufi – 12.0.6
    WP-Sweep: by Lester 'GaMerZ' Chan – 1.0.10
    WP User: by Prashant Walke – 2.9.7
    Custom Product Tabs for WooCommerce: by YIKES
    Inc – 1.5.14
    
    YITH WooCommerce Product Slider Carousel: by YITHEMES – 1.0.13
    
    ### Settings ###
    
    API Enabled: ?
    Force SSL: ?
    Currency: GBP (£)
    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)
    
    ### WC Pages ###
    
    Shop base: #13 - /shop/
    Basket: #14 - /basket/
    Checkout: #15 - /checkout/
    My account: #16 - /my-account/
    
    ### Theme ###
    
    Name: free_interior_woocommerce
    Version: 3.1
    Author URL: https://info.template-help.com/help/
    Child Theme: ?
    Parent Theme Name: cherry
    Parent Theme Version: 3.1.5
    Parent Theme Author URL: //info.template-help.com/help/
    WooCommerce Support: ?
    
    ### Templates ###
    
    Overrides: free_interior_woocommerce/woocommerce/emails/email-styles.php
    
Viewing 1 replies (of 1 total)
  • Thread Starter lewis_ryder

    (@lewis_ryder)

    So I’ve found the fix to this issue!

    After looking more in depth I realised it was working fine on desktops & tablets, but not on iPhone’s.

    For some reason, even the holder for the image wasn’t loading. So the page was bunched up where the image should be.

    The fix I have found is bellow:

    .woocommerce-product-gallery img {
    display: block !important;
    }

    I just needed to make sure the display was set to “!important”.

    Hope this might help people facing the same issue!

Viewing 1 replies (of 1 total)
  • The topic ‘Featured Product Image disappears on mobile devices’ is closed to new replies.