An Update to Responsive Image Support in Sitecore

In our previous article, we discussed a custom field type we created to allow content managers to crop images for the various device break points in your responsive design. The community asked for more, and we listened – so we have made a neat enhancement to this feature to make it even more powerful.

ALT Images for each Responsive Breakpoint

The responsive image field allows you to scale and crop images for each breakpoint in your design. As mentioned previously, the breakpoints are defined in the CMS as “settings items” – and a media query is associated with each.

Choosing a Global Software Development Partner to Accelerate Your Digital Strategy

To be successful and outpace the competition, you need a software development partner that excels in exactly the type of digital projects you are now faced with accelerating, and in the most cost effective and optimized way possible.

Get the Guide

In some cases however, you wish to select a completely different image for a specific breakpoint. So, we have added that functionality into the field type. Here’s how it works –

So for any image in your responsive set, you can now both zoom, pan and select an image OR override that image with a completely different one – and pan and crop THAT image to meet your needs 🙂