Tagged: , ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • December 11, 2015 at 2:30 pm #551076
    Janpieters

    Hi,

    I have set up a featured product grid on my homepage: http://www.bloemenbezorgenhaarlem.nl

    If I view the website on my iphone, the product images on my homepage are blurred.

    I currently have the following settings:

    Catalog: 900 x 900 (hard Crop on)
    Product: 450 X 999 (hardcrop off)
    Thumbnail: 120 x 120 px (hard Crop on)

    I have tested different image sizes and regenerated the Thumbnails afterwards. But Still the image on iphone 5s stays blurry. Tested it both with the Safari and Chrome on iphone.

    Can Anyone help me with this?

    December 11, 2015 at 2:33 pm #551078
    Yigit

    Hey Janpieters!

    I can reproduce the issue on my iphone 5s. Can you please firstly update Enfold to the latest version 3.4.6 – kriesi.at/documentation/enfold/updating-your-theme-files/?

    Regards,
    Yigit

    December 11, 2015 at 2:43 pm #551089
    Janpieters

    Hi Yigit, Thanks for the fast response. I have just updated Enfold to latest version.

    This is a screenshot of the homepage my iphone 52 screen: http://www.bloemenbezorgenhaarlem.nl/1262-2/

    • This reply was modified 9 years ago by Janpieters.
    December 16, 2015 at 1:41 pm #553644
    Andy

    Hey!

    hm that’s weird, try this code in Quick CSS field:

    @media only screen and (max-width: 767px) {
#top .thumbnail_container img {
width: 99%;
}}

    Cheers!
    Andy

    December 21, 2015 at 1:17 pm #555875
    Janpieters

    Hi Andy,

    I added the css changes, but without any result.

    December 21, 2015 at 5:34 pm #556060
    Andy

    Hey!

    you need to clear browser cache and hard refresh a few times afterwards. Maybe you even need to regenerate your thumbnails. Let us know if this helps you.

    Regards,
    Andy

    February 5, 2016 at 6:22 pm #578656
    Janpieters

    Hi Andy,

    I am still facing the same problem wit woocommerce catalog and product images. I have set up a new website (bloemenbezorgenrotterdam.nl) with enfold and the same problem occurs: the Woocommerce product and catalog images are blurry.

    I have disabled all plugin’s except woocommerce to test if one of the plugins is causing the problem. But it seems to be caused either by the theme or woocommerce.

    Can I send you maybe the credentials of the website so you can have a quick look?

    February 5, 2016 at 6:26 pm #578659
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately?

    Regards,
    Yigit

    February 7, 2016 at 2:05 pm #579175
    Janpieters

    Hi Yigit,

    I have created a temporary admin for you.

    Kind regards,

    Jan

    February 8, 2016 at 10:55 am #579485
    Janpieters

    Hi Yigit,

    I’m sorry, I saw that somehow I didn’t create the new admin yet.

    I have just created the new admin role for you with samen login an password. You can now log in to my website

    Kind regards, Jan

    February 10, 2016 at 11:23 am #580984
    Andy

    Hi!

    I tries this as login link, but does not work for me. Can you check please?

    Regards,
    Andy

    February 10, 2016 at 11:26 am #580988
    Janpieters

    Hi Andy, that’s the wrong url. Please log in to my other website. See private content

    • This reply was modified 8 years, 10 months ago by Janpieters.
    February 14, 2016 at 9:34 am #582892
    Ismael

    Hi!

    It’s probably because of the responsive featured image which is a wp feature added on the product thumbnails by default. We added this code in the functions.php file: 

    // disable responsive image
add_filter( 'max_srcset_image_width', create_function( '', 'return 1;' ) );

    Please hard refresh the page.

    Regards,
    Ismael

    February 15, 2016 at 10:13 am #583239
    Janpieters

    Hi Ismael,

    Many Thanks! That solved the problem on iphone 5s.

    Why is this problem occuring on iphione 5s?

    Thanks for your help!

    February 18, 2016 at 8:04 am #585216
    Ismael

    Hi!

    It is serving a smaller thumbnail on mobile devices which is not appropriate for single column especially on retina displays. We disabled the responsive images. https://make.wordpress.org/core/2015/11/10/responsive-images-in-wordpress-4-4/

    Best regards,
    Ismael

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.