Jellyfin Forum
Featured Content Bar on Home Screen - Printable Version

+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Development (https://forum.jellyfin.org/f-development)
+--- Forum: Feature Requests (https://forum.jellyfin.org/f-feature-requests)
+--- Thread: Featured Content Bar on Home Screen (/t-featured-content-bar-on-home-screen)

Pages: 1 2


Featured Content Bar on Home Screen - herbs14 - 2024-08-23

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


RE: Featured Content Bar on Home Screen - TheDreadPirate - 2024-08-23

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.


RE: Featured Content Bar on Home Screen - Sash - 2024-10-19

(2024-08-23, 02:53 PM)herbs14 Wrote: 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-Featured-Content-Bar


RE: Featured Content Bar on Home Screen - herbs14 - 2024-11-18

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


RE: Featured Content Bar on Home Screen - herbs14 - 2024-11-18

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

(2024-10-19, 08:23 AM)Sash Wrote:
(2024-08-23, 02:53 PM)herbs14 Wrote: 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-Featured-Content-Bar



RE: Featured Content Bar on Home Screen - Ted Hinklater - 2024-11-18

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


RE: Featured Content Bar on Home Screen - Ted Hinklater - 2024-11-18

(2024-11-18, 03:07 PM)herbs14 Wrote: 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


RE: Featured Content Bar on Home Screen - Drake97 - 2024-11-20

(2024-11-18, 07:24 PM)Ted Hinklater Wrote:
(2024-11-18, 03:07 PM)herbs14 Wrote: 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:

[Image: wgGSG42.png]

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?

[Image: 3tArc6q.png]

[Image: 91Iuox2.png]

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


RE: Featured Content Bar on Home Screen - Ted Hinklater - 2024-11-20

(Yesterday, 05:00 AM)Drake97 Wrote:
(2024-11-18, 07:24 PM)Ted Hinklater Wrote:
(2024-11-18, 03:07 PM)herbs14 Wrote: 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:

[Image: wgGSG42.png]

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?

[Image: 3tArc6q.png]

[Image: 91Iuox2.png]

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

[Image: dTOGC8s.png]


RE: Featured Content Bar on Home Screen - Drake97 - 2024-11-20

(Yesterday, 05:38 AM)Ted Hinklater Wrote:
(Yesterday, 05:00 AM)Drake97 Wrote:
(2024-11-18, 07:24 PM)Ted Hinklater Wrote:
(2024-11-18, 03:07 PM)herbs14 Wrote: 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:

[Image: wgGSG42.png]

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?

[Image: 3tArc6q.png]

[Image: 91Iuox2.png]

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

[Image: dTOGC8s.png]

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.