topic Re: Smart Rules for Images by Device Type in Blog, Website & Page Publishing

Smart Rules for Images by Device Type

CRichardson41 — Sun, 09 Jun 2024 17:29:40 GMT

In the CMS editor I have inserted two images and attaches a smart rule for one as desktop and one as mobile. When I preview, both images are still showing on both device type previews. Any suggestions on what I am doing wrong?

Re: Smart Rules for Images by Device Type

Jnix284 — Sun, 09 Jun 2024 23:51:35 GMT

Hi @CRichardson41 can you please share screenshots of how you have the smart rule configured and how you've added the images to the module - as well as what the preview looks like, where you're previewing, etc.

Re: Smart Rules for Images by Device Type

CRichardson41 — Sun, 09 Jun 2024 23:56:59 GMT

Thanks fo your help. Mobile rule, desktop rule and preview of site attached

Re: Smart Rules for Images by Device Type

Jnix284 — Thu, 13 Jun 2024 12:00:28 GMT

Hi @CRichardson41 thanks for the screenshots - it looks like you have the image module on the page twice with two separate sets of smart rules.

You'd need to have one image module, with two smart rules:

default

mobile

(tablet only if you have a 3rd image)

Once you have the smart rules, the image you load in the module for default is for desktop/tablet and when you switch the smart rule to mobile then you load the mobile image. This is how you control which shows based on the device, otherwise both will show.