Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 14, 2017 at 12:23 pm #777786
    alsterb

    Hi,

    I know there’s been similar threads to this, but I have an issue with a lo-res image being used on the single product on Enfold.

    I’ve been uploading very hi-res images (1000x1000px), so I know that’s not the issue.

    The image size on a single product is around 400x400px, and the setting for woo-commerce are:

    Catalogue images 45×450 px Hard crop
    Single product image 450×900 px
    Product thumbnails 120×120 px Hard crop?

    It’s as if it’s using the thumb image, rather than the single product image.

    Can anyone help? I’m just working locally at the moment, but can get it online for a private link if needed.

    Thanks

    April 14, 2017 at 6:03 pm #777930
    Jordan Shannon

    Hey alsterb,

    You have a few solutions that may work. Try the following:

    Please go to WooCommerce > Settings > Catalog and increase Catalog Images size to 350x350px then regenerate them using http://wordpress.org/plugins/regenerate-thumbnails/

    Also, you can try to increase the thumbnail quality with: http://wordpress.org/plugins/simplejpegquality/ – do not forget to regenerate the thumbnails with http://wordpress.org/plugins/regenerate-thumbnails/

    Best regards,
    Jordan Shannon

    April 27, 2017 at 11:32 am #783940
    alsterb

    Hi Jordan,

    Thanks for your reply – sorry mine’s a bit late since the email from here landed in my Junk!

    The suggestions you’ve posted are good, but have made no difference. Sorry I did make a typo in my question regarding catalogue images being 45 x450px – they are 450 x 450px!

    The problem is that I have a div of about 400px sq, but when inspecting the attributes for the image used it’s set at 120px sq. I’ve included the source for this below (private) plus a link to the web page so you can see the issue yourself since there is a live one up online now…

    It’s as if it is selecting the wrong size from srcset maybe? Like instead of using the catalogue image here that is available, it’s selecting the thumbnail. I could make the thumbnail size huge, but that would then slow down pages with lots of thumbnails…

    Thanks again for your help!

    • This reply was modified 7 years, 8 months ago by alsterb.
    April 27, 2017 at 4:04 pm #784095
    Jordan Shannon

    Hi,

    Is that the only product with the issue? The other products I clicked through looked just fine.

    Best regards,
    Jordan Shannon

    April 27, 2017 at 4:09 pm #784099
    mensmaximus

    @alsterb take a look here

    April 28, 2017 at 11:27 am #784440
    alsterb

    Hi Jordan,

    I think your looking at them in the lists where they do look fine, but when you look at individual product pages all are using an image too small for it’s container. See the links in private below:

    You’ll notice it’s selected the smallest thumb each time, the 120x120px, rather than one of the higher ones like 450x450px

    April 28, 2017 at 11:33 am #784445
    alsterb

    @mensmaximus – thank you, I’m just reading through your posts now, I’m just updating to woo commerce 3.0.4, but I was using 3.0.1, so looks to be the same issue!

    April 28, 2017 at 12:12 pm #784474
    alsterb

    @mensmaximus – thank you, your solution has worked well!


    @jordan_s     – I managed to fix this using @mensmaximus’s solution, would be great if this could be implemented into future updates of enfold.

    I used the solution posted here:

    https://kriesi.at/support/topic/enfold-theme-woocommerce-product-images-not-showing-as-of-4-4-17/page/3/#post-773385

    Thanks again, Alex

    April 28, 2017 at 2:46 pm #784591
    Jordan Shannon

    Hi,

    Great! I am glad you were able to get this figured out. Thank you as well @mensmaximus! If you need additional help, please don’t hesitate to contact us in the forums.

    Best regards,
    Jordan Shannon

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