Add visual indicator for extension packs in extension search results

[fiveisprime]

Today, it's possible to see the extensions that are part of an extension pack, but that requires that I click on the extension then click the "extension pack" header. I'd like to know, without clicking, that an extension is an extension pack via some kind of icon in the header.

It would be nice to link directly to the extension pack details (list of extensions in the pack) if the extension pack icon is clicked.

[sandy081]

@misolori Any suggestions for visual indications?

[miguelsolorio]

Here's a couple of ideas:

1. Multiple tile thumbnail

We could load the various thumbnails of the other extensions into a grid

2. Stacks view

We can try and make the image look like a "stack" of icons so that it appears to be many

3. Number badge

We could re-use our badge and append the total number of extensions in the pack. This could get a little busy with remote extensions since those have a remote badge in the bottom right.

4. Icon badge

This could also get busy with the remote badge but provides an entry point into the extension pack.

[fiveisprime]

I like the number badge since it doesn't obscure the icon and clearly shows what you're getting into.

I'd also like to see the extension pack prioritized in the search results with all extensions in the pack nested underneath. Something like this

That way, I can see what exactly is included in the tiles and even install just a couple of what's included without grabbing the pack and uninstalling/disabling things I don't want.

[miguelsolorio]

Placing the extensions under the pack like that would take up a lot more space. What if we added a small row under the extension pack author and placed the icons there like:

[fiveisprime]

Okay, yeah. I like that.

Next, is there any way to make the "Extension Pack" menu more obvious after clicking into and extension pack? The detail I'm looking for exists, but it's not super obvious.

[miguelsolorio]

We could try to bring in that content closer to the details page:

[fiveisprime]

I'm definitely feeling that 👍