Dynamic loop block an toggle grid view.

dynamic loop block (generateBlocks) but I would like to use the delay to show every element some seconds after the before element shows

In an upcoming plugin update there will be a way to delay (stagger) elements of Query Loop block, don’t know about GenerateBlocks though, never used it.

The other point is that I have a toggle to change view from large to small element card (images) so when I switch the toggle to show smaller elements it doesn’t show the element untill I resize the window.

I don’t understand this, sorry. But when you have an issue with animating some block, you can always try to wrap this block in another block, such as the Animation container, and animate that instead.

Hi @websevendev,

Just curious, do you have an estimated timeframe for when the update with this functionality will be available?

do you have an estimated timeframe for when the update with this functionality will be available?

It’s out already.

How to stagger animations:

1. Insert the Animation container block.
2. Enable the Is animation provider option on the block.
3. Now the block has an option to configure stagger and animation.
4. Any child blocks inside the (now called) Animation provider block can use the Inherit animation – which will make use of the stagger option of the provider.
5. So if you add a Query Loop block in the provider and use the “Inherit” animation on a block that is inside Query Loop -> Post Template then for every query loop item it will get a longer delay.

Note: don’t put an animation on the Post Template block itself as on the front end it is the <ul> of the loop not the <li>. Put the animation on a child of Post Template.

Let me know if these instructions make any sense, if so, I’ll include them in the readme and help.

Hi @websevendev,

Thanks for the update ?? I followed your instructions, and the staggered animations work perfectly!

I had a quick thought, maybe the plugin could extend core/other blocks so that the Animation provider block isn’t needed at all? Something like:

What do you think?