# Versatile Showcase

**URL:** https://meta.discourse.org/t/versatile-showcase/234451
**Category:** Theme component
**Tags:** deprecated
**Created:** [July 29, 2022, 7:14pm UTC](https://meta.discourse.org/t/versatile-showcase/234451 "2022-07-29T19:14:20Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [July 29, 2022, 7:14pm UTC](https://meta.discourse.org/t/versatile-showcase/234451/1 "2022-07-29T19:14:21Z")

</div>

> ⚠ 🧑🏽‍🔧
> 
> I did a full re-write of this component. It’s hosted on a new repository and has a new topic: [Featured Lists](https://meta.discourse.org/t/featured-lists/288916)
> 
> This version continues to work fine for now, but if you’re on Discourse 3.2.0.beta3 or above please use the new version.

This component lets you feed diverse topic lists on your homepage. The default look:

 ![Screenshot from 2022-07-29 16-38-47](https://global.discourse-cdn.com/meta/original/4X/7/c/4/7c4b6adda79ad5f7780a33ae665e3aabefc94fb4.png)

On the component settings you can define the feed lists and the outlet postition:

 ![Screenshot from 2022-07-29 16-37-33](https://global.discourse-cdn.com/meta/original/4X/5/7/3/5737ff879a5dac669104e016b04e656bccc2987d.png)

The feed list format is a bit advanced and you have to understand a few list concepts of Discourse to make good use of it. You set the

- feed title
- list length
- list filter (latest,top,unread,..)
- tag filter (as defined by the tag slug)
- category filter (as defined by the category id)
- feed link (where clicking the _More_ button takes you)

Lists are set up as flex-boxes, so when there’s only one it will stretch out by default:

 ![Screenshot from 2022-07-29 16-39-33](https://global.discourse-cdn.com/meta/original/4X/e/8/f/e8f76389cb489649a139740e13e0e214bc8c5f2b.png)

> 👍 **Credits:** The component is a spin-off from [Showcased Categories](https://meta.discourse.org/t/showcased-categories/173524). @Ahmed_Gagan extended the functionality and I rewrote the architecture. In the end we changed so much that it’s not compatible any more.

| | | |
| --- | --- | --- |
| 🛠 | **Repository** | [GitHub - nolosb/discourse-versatile-showcase · GitHub](https://github.com/nolosb/discourse-versatile-showcase) |
| ❓ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |

---

<div class="post-metadata">

### Author: ![Zup](https://avatars.discourse-cdn.com/v4/letter/z/c37758/32.png) [@Zup](https://meta.discourse.org/u/Zup)
#### Post date: [October 11, 2022, 11:58pm UTC](https://meta.discourse.org/t/versatile-showcase/234451/2 "2022-10-11T23:58:20Z")

</div>

Cool plugin, makes the homepage feel more interactive.

I have two, maybe three suggestions:

1. add `a discovery-list-container-bottom` outlet
2. increase width of title first column when multiple lists are side-by-side
3. optionally configure more than two lists per row?

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [October 13, 2022, 9:08am UTC](https://meta.discourse.org/t/versatile-showcase/234451/3 "2022-10-13T09:08:36Z")

</div>

Thanks for the suggestions @Zup!

> [@Zup](#):
>
> add `a discovery-list-container-bottom` outlet

I don’t think I’ll add more outlets as I already have three on it. If you need a specific one you’d need to fork and add it there.

> [@Zup](#):
>
> optionally configure more than two lists per row?

The lists are flexboxes. You can change the flex behavior with CSS and get more or just one list per row.

> [@Zup](#):
>
> increase width of title first column when multiple lists are side-by-side

If you mean this, then yeah, I should adjust the width there better 👍

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/2/b/82b6fff0a63d5e9f0c1e7a3a2ab4c6cbeb472469.png)

---

<div class="post-metadata">

### Author: ![JBM](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jbm/32/279154_2.png) [@JBM](https://meta.discourse.org/u/JBM)
#### Post date: [May 13, 2023, 11:46am UTC](https://meta.discourse.org/t/versatile-showcase/234451/4 "2023-05-13T11:46:48Z")

</div>

Tks for this great component @manuel .

I would really like to use it but once it’s installed:  
-everything seems to be fine, except  
-my login box to the instance is set to “display: none” (so the login page becomes totally blank).

I guess there must be a conflit somewhere.

Does anybody already had this kind of trouble and do you have an idea of where i could try to investigate?

Tks a lot.

---

<div class="post-metadata">

### Author: ![JBM](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jbm/32/279154_2.png) [@JBM](https://meta.discourse.org/u/JBM)
#### Post date: [May 13, 2023, 12:12pm UTC](https://meta.discourse.org/t/versatile-showcase/234451/5 "2023-05-13T12:12:40Z")

</div>

> [@JBM](#):
>
> Does anybody already had this kind of trouble and do you have an idea of where i could try to investigate?

houuurraa…

i have a proxy to solve this: i am not shure to understand why but it is 100% ok when i select the `discovery-list-container-top`

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/9/1/c91a86fb08e11c435b0f9d147a0d1e69454024ff.png)

i was having the issue with the `above-main-container` setup. nevermind for now, the `discovery-list-container-top` is fine with my running instances.

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [May 13, 2023, 3:08pm UTC](https://meta.discourse.org/t/versatile-showcase/234451/6 "2023-05-13T15:08:38Z")

</div>

Thanks for reporting this @JBM. I can reproduce the issue, the code to generate the list is running in a loop when it can’t access the site content (because login is required). It works when the `discovery-list-container-top` outlet is selected, because this outlet is only available after login. Will have to look into that.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [May 13, 2023, 4:40pm UTC](https://meta.discourse.org/t/versatile-showcase/234451/7 "2023-05-13T16:40:19Z")

</div>

If you have time would you like to create somekind neat divider for mobiles, there where showcase part where an user moves to ordinary latest? Now it looks like the last part would continue endlessy.
