Would be great to have "Popular/newest/search" on the website too !

We need to ask designers how do we display notices per-plugin such as those two:

(ideally it should take less space as all boxes height are synchronised with the highest box)

Update.

@lemu I think it looks really nice! 👍 maybe others will have some feedback

I'm halfway through this, a few things:

• the buttons will be Install instead of Download plugin (because it's not about downloading the plugins), I think it's the correct thing right?
• I've limited the plugin descriptions to maximum 3 lines in the plugin list (we can read more in the "Plugin details" popup): that solves the problem of having all blocks keep the same height in a much better way (plus it's responsive)
• currently clicking anywhere on a plugin block will open the "Plugin details" popup (well except if we click on "Install"): I want to change that because it's confusing and unexpected (principle of least surprise):
  • the popup should open only when clicking on a link, e.g. the name of the plugin and the "> more" link

We will need to find a solution for this:

My suggestion is to show the warning message only in the popup. In the plugin list we could make the "Install" button disabled for example, or more explicit "Cannot install"? We could also replace the button with text, for example:

That way it's different from the red "Install" buttons, we can see straightaway we can't install it, yet the fact that it's a link suggests that we can get more info by clicking on it.

the popup should open only when clicking on a link, e.g. the name of the plugin and the "> more" link

Ok, small note: maybe you can make the whole "title block" open the popover on click, instead of just linking the text (which requires more precision when clicking)

My suggestion is to show the warning message only in the popup. In the plugin list we could make the "Install" button disabled for example, or more explicit "Cannot install"? We could also replace the button with text, for example:

Sounds good to me, maybe Cannot install (help) to make it clear the explanation is available on click?

I find the design quite "heavy". Maybe it is possible to find a solution with less lines and borders? Also I find it a bit confusing that the buttons "Plugins/Themes" and "Popular/Newest/Alpha" are displayed similar and next to each other.