Jellyfin Top 10 Collection Tutorial

Please note that this only works for the web version and official mobile apps for iOS and Android.

Required Plugins:

https://github.com/johnpc/jellyfin-plugin-top-ten
https://github.com/n00bcodr/Jellyfin-JavaScript-Injector
https://github.com/IAmParadox27/jellyfin-plugin-home-sections
https://github.com/IAmParadox27/jellyfin-plugin-collection-sections

Getting Started:

1.) Install all required plugins, and restart so they fully install.
2.) Under Collection Sections plugin settings, create a new section.
    - Identifier can be whatever, I used top_10. Display Text can be whatever you want it to show up as, make sure its set as a collection type and not playlist. The most important part is making sure the Collection name under this setting is the same as the one under the top ten plugin, I used "Top 10" personally. Make sure to save.
3.) Under Top Ten plugin settings, make sure the collection name is the same as you made it under Collection Settings, again I used the name "Top 10". Make sure to save.
   - You will also want to go under Scheduled Tasks and look for "Update Top Ten Collection" and run it.
4.) Under Home Screen Sections plugin settings, naviagate to section settings, and scroll down the list until you see whatever you named your collection.
   - Make sure it's enabled, set how high you want it on your home screen (I have mine as the third row), and that the view mode is set as either Portrait or Landscape. Make sure to save.
5.) Under JS Injector plugin settings, click add script - name it Top 10, and then paste the code from this github under that box: https://github.com/Snook-sudo/jellyfin-Top10/blob/main/jellyfin-top10-Web-Mobile.js. This will add the numbers, make sure to save.
6.) Finally, go back to your home screen and do a hard refresh (Ctrl+F5, or Shift+Reload), and it should be there! It will auto-update every day.