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.

Revolutionize Your Business With Generative AI

From product design and software development to virtual agents, content creation, and reporting, GenAI is transforming business. Our AI experts help you unlock GenAI’s full potential and drive growth.

Let’s Get Started

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 🙂