Cropping and responsive images via srcset

  • Hi,

    First of all many thanks for this great plugin.
    As far as I understand from other support threads, only thumbnails are croppable, not the WordPress medium and large image sizes. Now I have a site using Flatsome WooCommerce theme and on lower density monitors everything works fine – the theme just loads the cropped WooCommerce thumbnail which is 247px wide. However, on higher density monitors it loads the 300px wide image which unfortunately does not have a cropped version. I am not an expert in this and it took me a while to find out why this happens, but is there some “easy” workaround for this “problem”?

    Many thanks in advance,

    Anguel

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Volkmar Kantor

    (@volkmar-kantor)

    hi @ianguel,

    i assume you have problems cause of srcset of an img-tag? That can be quite painfull and hard to debug/fix. I found there is no easy solution – and the solution depends on the position where the image is used.

    If the image is used in a place where it cant be i.e. larger than 600px then i often get rid of the imgsrc and only use a plain image which autoscale via CSS.

    If you want to use srcsets then you may have to optimize the code for yourself and only use image-sizes that are cropped the same way.

    In both cases you will need to override some code in the woocommerce (child) template or use a filter/action to adjust the output code, which means dive into the code of the woocommerce template.

    Thread Starter iAnguel

    (@ianguel)

    Hi Volkmar,

    Thanks for the recommendations. My Flatsome theme actually generates all the srcset stuff automatically so I don’t really want to mess around with it. Now I experimented and maybe found some kind of workaround: Because the default small 150px thumbs are actually not used on my site, I simply increased the WordPress thumbnail size to 300px (x 169px to even have the same 16:9 ratio I have set in WooCommerce). After that, I now see this bigger thumbnail in your tool so I can crop it as I like and when the theme’s srcset must pick a file bigger than the 247x139px WooCommerce thumb it now just picks the bigger 300x169px WordPress thumb. Seems to work fine so far, what do you think? ??

    Best regards,

    Anguel

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Cropping and responsive images via srcset’ is closed to new replies.