Support » Plugin: Crop-Thumbnails » 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.