Featured Content Bar on Home Screen

[herbs14]

Hi,

New to jellyfin. just wanted to ask if there is a plugin that shows a featured content bar on the client just like in Disney  as marked on the screenshot below?

thanks

[TheDreadPirate]

https://github.com/bobhasnosoul/jellyfin-featured

It's not a plugin, but you can add a Featured Content bar to Jellyfin by modifying jellyfin-web. Plugins cannot make significant UI changes.

[Sash]

Hi,

New to jellyfin. just wanted to ask if there is a plugin that shows a featured content bar on the client just like in Disney  as marked on the screenshot below?

thanks

Here's a better one

https://github.com/tedhinklater/Jellyfin...ontent-Bar

[herbs14]

I hope jellyfin comes up with an integrated one on their future releases for noobs like me. this would be really helpful

[herbs14]

the instruction for this one is only for windows, is there an instruction using Ubuntu?

Hi,

New to jellyfin. just wanted to ask if there is a plugin that shows a featured content bar on the client just like in Disney  as marked on the screenshot below?

thanks

Here's a better one

https://github.com/tedhinklater/Jellyfin...ontent-Bar

[Ted Hinklater]

I'll see if I can do Linux / docker guides today, apparently people haven't had much luck

[Ted Hinklater]

the instruction for this one is only for windows, is there an instruction using Ubuntu?

1) Create the ui Directory

Code:

sudo mkdir -p /usr/share/jellyfin/web/ui

2) Copy your chosen spotlight.html file (making sure you inserted your API key) to the new "ui" folder

Code:

sudo cp /path/to/spotlight.html /usr/share/jellyfin/web/ui/

3) Add the relevant script to home-html.chunk.js

Code:

sudo nano /usr/share/jellyfin/web/home-html.chunk.js

4) Ensure the ui folder & spotlight.html are readable by Jellyfin

Code:

sudo chown -R jellyfin:jellyfin /usr/share/jellyfin/web/ui
sudo chmod -R 755 /usr/share/jellyfin/web/ui

5) Restart Jellyfin

Code:

sudo systemctl restart jellyfin

6) Clear Browser Cache

Make sure to clear your browser cache to load the updated home-html.chunk.js & spotlight.html

[Drake97]

the instruction for this one is only for windows, is there an instruction using Ubuntu?

1) Create the ui Directory

Code:

sudo mkdir -p /usr/share/jellyfin/web/ui

2) Copy your chosen spotlight.html file (making sure you inserted your API key) to the new "ui" folder

Code:

sudo cp /path/to/spotlight.html /usr/share/jellyfin/web/ui/

3) Add the relevant script to home-html.chunk.js

Code:

sudo nano /usr/share/jellyfin/web/home-html.chunk.js

4) Ensure the ui folder & spotlight.html are readable by Jellyfin

Code:

sudo chown -R jellyfin:jellyfin /usr/share/jellyfin/web/ui
sudo chmod -R 755 /usr/share/jellyfin/web/ui

5) Restart Jellyfin

Code:

sudo systemctl restart jellyfin

6) Clear Browser Cache

Make sure to clear your browser cache to load the updated home-html.chunk.js & spotlight.html

Hi Ted,

I was one of those who had problems with the installation of the content-bar in linux and after the small tutorial I'm running fine, however I keep some trouble:

1- everything works, i can see recommended movies but I got this giant black space when using the web version:



2- As much as I edit the file List.txt (I created it manually) it does not suggest me the movies and series that I put, it continues showing randomly the suggestions, could it be that the permissions are wrong or should I do something else?





as info for the black space problem, I pasted the CSS code that you put at the end of your github page but it still shows the black space, however, in the mobile version this does not happen, it looks perfect.

thanks in advance for any help

[Ted Hinklater]

the instruction for this one is only for windows, is there an instruction using Ubuntu?

1) Create the ui Directory

Code:

sudo mkdir -p /usr/share/jellyfin/web/ui

2) Copy your chosen spotlight.html file (making sure you inserted your API key) to the new "ui" folder

Code:

sudo cp /path/to/spotlight.html /usr/share/jellyfin/web/ui/

3) Add the relevant script to home-html.chunk.js

Code:

sudo nano /usr/share/jellyfin/web/home-html.chunk.js

4) Ensure the ui folder & spotlight.html are readable by Jellyfin

Code:

sudo chown -R jellyfin:jellyfin /usr/share/jellyfin/web/ui
sudo chmod -R 755 /usr/share/jellyfin/web/ui

5) Restart Jellyfin

Code:

sudo systemctl restart jellyfin

6) Clear Browser Cache

Make sure to clear your browser cache to load the updated home-html.chunk.js & spotlight.html

Hi Ted,

I was one of those who had problems with the installation of the content-bar in linux and after the small tutorial I'm running fine, however I keep some trouble:

1- everything works, i can see recommended movies but I got this giant black space when using the web version:



2- As much as I edit the file List.txt (I created it manually) it does not suggest me the movies and series that I put, it continues showing randomly the suggestions, could it be that the permissions are wrong or should I do something else?





as info for the black space problem, I pasted the CSS code that you put at the end of your github page but it still shows the black space, however, in the mobile version this does not happen, it looks perfect.

thanks in advance for any help

You want the fullscreen one? It's still loading the old spotlight.html so if you definitely used the fullscreen spotlight.html, it's your browser cache

[Drake97]

the instruction for this one is only for windows, is there an instruction using Ubuntu?

1) Create the ui Directory

Code:

sudo mkdir -p /usr/share/jellyfin/web/ui

2) Copy your chosen spotlight.html file (making sure you inserted your API key) to the new "ui" folder

Code:

sudo cp /path/to/spotlight.html /usr/share/jellyfin/web/ui/

3) Add the relevant script to home-html.chunk.js

Code:

sudo nano /usr/share/jellyfin/web/home-html.chunk.js

4) Ensure the ui folder & spotlight.html are readable by Jellyfin

Code:

sudo chown -R jellyfin:jellyfin /usr/share/jellyfin/web/ui
sudo chmod -R 755 /usr/share/jellyfin/web/ui

5) Restart Jellyfin

Code:

sudo systemctl restart jellyfin

6) Clear Browser Cache

Make sure to clear your browser cache to load the updated home-html.chunk.js & spotlight.html

Hi Ted,

I was one of those who had problems with the installation of the content-bar in linux and after the small tutorial I'm running fine, however I keep some trouble:

1- everything works, i can see recommended movies but I got this giant black space when using the web version:



2- As much as I edit the file List.txt (I created it manually) it does not suggest me the movies and series that I put, it continues showing randomly the suggestions, could it be that the permissions are wrong or should I do something else?





as info for the black space problem, I pasted the CSS code that you put at the end of your github page but it still shows the black space, however, in the mobile version this does not happen, it looks perfect.

thanks in advance for any help

You want the fullscreen one? It's still loading the old spotlight.html so if you definitely used the fullscreen spotlight.html, it's your browser cache

nope, it was definitely the “normal” bar, however, I switched to the full screen one and it managed to fill in that black space, thanks for the heads up.

I'm still having the problem of not being able to select my own content in the List.txt file so any info or help is welcome.

Regards.