Show different images at different breakpoints

[carri]

I tried to use the if statement but I don’t know what to write. I want to show one image at desktop size and another image at both smaller sizes.

Any guidance is appreciated.

[aurelie]

Hi Carri,
You need to use the breakpoint variable, available inside the context. It can be equal to default, tablet or mobile.

Here is an example. src1 is for desktop, and src2 for tablet and mobile. Just replace src1 and src2 by your own url

[carri]

Thank you!

[carri]

This works but it needed the full URL path, not just the image file name. It’s working great now.