How to randomize CMS items with low code in Webflow

[@alex-pattison]

Great tutorial as always Nelson. Thanks!

[@Webflow]

My pleasure!

[@sabuein]

Thank you.

[@Webflow]

You're welcome!

[@ionelCristianLupu_]

For the question on min 40:30: will this work if I have 1000 articles? I mean, Webflow will render all 1000 of them and then get the three random articles from there? I think we want to get three random articles directly from the database.

[@Webflow]

You can try combining multiple collections on a single page using this script by Finsweet: finsweet.com/attributes/cms-combine Then you can use the shuffle script to help you with picking three random articles. Hope this helps :😀

[@stephanlenting]

@@Webflow It’s good other talented devs create these plugins, but personally speaking i’d rather have as much native support for these features as possible. It’s a bit concerning i see Webflow moving towards plug-ins and APIs, instead of building these features natively. Like with Wordpress, I don’t want to manage scripts or plugins, neither manage multiple sources to pay for functionality. I want one tool where you can do it all.

[@tomvoltz7506]

Fun tutorial, thanks Nelson. Question: In a cms file I have 1 featured image plus 10 more images for an author. On the front page where all blog posts are displayed I now see the same featured img many times. Can I somehow randomize those images so not only the featured image is displayed but also the others on a randomized basis?

[@Webflow]

Thanks for watching! :) You can have two collection lists. One with a filter for featured images and a second for non-featured images. Then have the second collection list use a different class that the first and make the code point to that one. Hope this helps.

[@tomvoltz7506]

@@Webflow thanks

[@rebeccalowe9061]

This seems not to work on a paginated CMS collection with only 1 item showing at a time. Is there any work around for this?

[@Webflow]

This will only work with collection lists that don't have a pagination. The reason being is that the custom code goes through the list thats already on the page.

[@christofferfurnes]

@@Webflowdoes not work with collection lists with only one item showing

[@mics-w5f]

Did you ever find a solution?

[@ihajo]

Is it possible to execute the code on hover/scroll/click instead of reload the page?

[@Webflow]

Yes. You can execute a function on all of this triggers with jQuery. api.jquery.com/on/ Hope this helps 😀

[@SammyStep]

The random code seems to disable my hover state for the images in my CMS (a block of text which overlays the image). Is there any way around that?

[@Webflow]

Can you post this question and your project's read-only link on our forum? discourse.webflow.com university.webflow.com/lesson/share-your-site

[@stephanlenting]

Less low-code, more no-code ❤ 😅

[@Webflow]

Thanks for watching. We'd love to hear what you'd be interested in learning with no-code 😀

[@stephanlenting]

@@Webflow doing the same without code 😅