Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • May 29, 2019 at 2:07 pm #1105158
    kesdeg

    Hi Guys,

    Currently running Enfold 4.5.4 with Woocommerce 3.6.4 and WordPress 5.2.1 and just noticed issues on Safari browser with my main product images on the product page. The main image doesn’t appear on first load or with scrolling through gallery images. When you click on the box for close up, zooms up to show a tiny part of the image, then switches to a blank screen again.

    Doesn’t appear to do this on Edge or Chrome.

    Really appreciate some help in sorting.
    Thanks,
    Kesdeg

    May 29, 2019 at 2:12 pm #1105161
    Yigit

    Hey,

    Thanks for contacting us!

    Could you please post a link to your page so we can have a look?

    Best regards,
    Yigit

    May 29, 2019 at 2:23 pm #1105167
    kesdeg

    Thanks Yigit. I’ve just tested Firefox and no problem there, just seems to be Safari. I’m testing on an ipad Mini.
    Here’s one product page to test:

    MET Genio Helmet

    Cheers,

    kesdeg

    May 29, 2019 at 2:35 pm #1105168
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
.avia-safari #top .product div.images img {
opacity: 1;
}

    Best regards,
    Yigit

    May 29, 2019 at 5:09 pm #1105197
    kesdeg

    Hi Yigit,

    Thanks for that code. I’ve added it my Enfold Child Theme Style css file and cleared Server cache as well as the Safari cache on the ipad mini and still the same problem I’m afraid.

    Kesdeg

    May 29, 2019 at 7:25 pm #1105239
    Yigit

    Hi,

    Could you please create temporary admin logins and post them here privately so we can look into it?

    Best regards,
    Yigit

    May 29, 2019 at 7:58 pm #1105262
    kesdeg
    This reply has been marked as private.
    May 29, 2019 at 10:00 pm #1105291
    Yigit

    Hi,

    It is still not working. Could you please post FTP logins as well?

    Best regards,
    Yigit

    May 29, 2019 at 11:48 pm #1105303
    kesdeg
    This reply has been marked as private.
    June 3, 2019 at 3:02 pm #1106724
    kesdeg

    Hi Support Team,

    Still got these problems with the main product image using Safari browser. Really appreciate a look and please note change of FTP details to below:

    Kesdeg

    June 5, 2019 at 2:42 pm #1107592
    Ismael

    Hi,

    Thank you for the update.

    You can try this css code.

    .avia-safari #top .template-shop .images a img {
    opacity: 1 !important;
}

    We just added the !important rule to override the inline style. Please don’t forget to toggle the Performance > File Compression settings after adding the code.

    Best regards,
    Ismael

    June 8, 2019 at 9:33 pm #1108492
    kesdeg

    Thanks Ismael,

    That seem to have sorted it.

    Appreciate your time,

    Kesdeg

    June 9, 2019 at 4:30 am #1108543
    Rikard

    Hi Kesdeg,

    Great, I’m glad that Ismael could help you out and sorry for the problem. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 9, 2019 at 3:27 pm #1108587
    kesdeg

    Thanks Rickard, you can close this topic now.

    Cheers,

    Kesdeg

    June 9, 2019 at 6:28 pm #1108651
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Please bookmark Enfold Documentation for future reference.
    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Product Images not Appearing on Safari’ is closed to new replies.