Add thumbnail images to the replicator sets?

[bobevsky]

Hey everyone,

I’ve been thinking about the user experience with the replicator sets. Many of us are currently using the replicator to build pages with blocks (widgets), and when there are a lot of blocks available, it can be confusing to know which block to use. In Statamic 4, you added the option to add icons to the blocks, but should we include thumbnail images for the sets as well? Many of our clients have requested this as well (because we had it in the previous CMS before switching to Statamic).

Here are a few points to consider:

1. Improved User Experience: Thumbnails could make it easier for users to quickly identify the sets they need, especially if they are visual learners.
2. Enhanced Visual Appeal: Adding images could make the interface look more modern and attractive. (I am sure some UI changes to the sets picker will be needed)
3. Clarity and Precision: Sometimes, text descriptions aren't enough, and an image can prevent misunderstandings about what the set includes.

[jackmcdade]

You can point your Replicator sets at a different directory to load your own images already :)
https://statamic.dev/fieldtypes/replicator#custom-set-icons

[bobevsky]

I am aware of this, but still, it's an icon (it must be svg? would be great if we can just upload screenshots of the components in png), and is really small. Maybe you can add the functionality so when you hover over it, it enlarges into a bigger image so you can clearly see what this block is about? It's just an idea, or maybe re-do the entire UI of the sets picker to support bigger images?

[bobevsky]

Just so you get the idea, this is what i am aiming for:

[edalzell]

Feel free to add a feature request on the ideas repo: https://github.com/statamic/ideas