Custom interaction to change background on landingpage?

Hi everyone,

is it possible to use the custom interactions to change the background of the landing page? I want to change the background for the winter and the summer.
I tried by creating 2 blocs on the landing page (global), made those invisible and made a interaction like:

the ID of the 2 blocs are:
bloc1 #wintertime
bloc2 #summertime

ChangeBackground
If month is february

  • toggle visibility #wintertime
    endif

If month is march

  • toggle visibility #summertime
    endif

In the Page Settings I changed the Interaction to ChangeBackground

When I run the preview mode I do not see the background of #wintertime (date=23-02-2026) and when I change the date to march, #wintertime is shown. Not on 1 date the #summertime background is show.

Is it possible in the way I do this to change the background for winter and summer?
Is there an other solution?
What is wrong in the way I do this?

Thnxx for any info an knowledge about this.

With regards,

Jeroen

Could you please share a screenshot of your interaction rules from the Interaction Manager.

Inside your if statements try adding a stop interaction after the Toggle Visibility.

This prevents the rest of the interaction from being triggered.

If its not that I would need to see the rest of your project to see how you are doing this.

I hope this is enough?

@Norm I made a simple version with the custom interaction.

2 Likes

@Norm Hi Norm, any progress yet on my question or little problem?
Thnx

with regards,

Jeroen

Thanks I’ll take a look and see what’s up. Sorry for the delay.

1 Like

Hi Norm,

any progress yet?

Gr Jeroen

Not much progress, but I have encountered the issue, however, it’s fleeting and Im still trying to track down the cause of why the month simulation is not always correct.

This project started out not working and then, starting working after a reload. :sweat_smile:

Does this work for you? Very simple, it should load the title March or February based on the month.

Test Month Interaction.bloc (29.5 KB)

Hi Norm,
I tried your “Test Month Interaction.bloc” and this works, but it’s not really what I’m looking for.

I want to change the background in a “summer and winter” background by changing the background image.
Summer-image for the period of may until september and Winter-image from october until march.
I tried to do this with the “custum interaction” but this is not working or works in the wrong way.

Can you give me a clue or is this not possible with the “custom interaction”.

Thanks, Jeroen

Hi Norm,

any progress on my latest question?

Greetz Jeroen

Blocs would need some additional options for the if statement, if before and if after.

I’ll add them to the Custom Interactions Roadmap.

To handle the background image you could toggle a class, but like I said you will need more options to target periods of the year.