[Resolved] Retina image support on custom image fields

[Author]

Posts

[jonathanH-3]

Hi,
I am displaying a grid of "organisations" by showing their logo (custom image field), name, acronym, etc. I am also using the WP Retina 2x Pro plugin to handle the automatic display of retina images. Normally, when I display images on a site with this plugin, it automatically identifies the image at the adjusted size (eg. 150x150 for thumbnail) and adds all the relevant retina settings - adds srcset, etc.

The problem is that with toolset, when I resize the image (e.g. by setting size='thumbnail' when calling the shortcode for the logo field in the view), the image URL gets 'wpcf_' added into the name, which then prevents the WP Retina 2x Pro plugin from working properly.

As an example, a theoretical image:
xxx.yyy.com/wp-content/uploads/etc/etc/logo.jpg

has the following thumbnails:
xxx.yyy.com/wp-content/uploads/etc/etc/logo-150x150.jpg and
xxx.yyy.com/wp-content/uploads/etc/etc/logo-150x150@2x.jpg

But when I load the image field:
[types field='logo' size='thumbnail' resize='proportional'][/types]

the image url is changed to
xxx.yyy.com/wp-content/uploads/etc/etc/logo-wpcf_150x150.jpg

This wpcf_ in the URL stops the retina plugin from doing its thing.

Is there anything I can do to stop this?

Thanks,
Jonathan.

[jonathanH-3]

My issue is resolved now. Thank you!