You can use a custom taxonomy for the filters in the list box (C, PG, SG, PF, SF).
If you want to make sure they are “filtered without reloading the website” you need to load all the players and the filters and manipulate them client side with JS. I usually add the taxonomy names to data-attributes and use the jQuery Attribute contains selector for this.
-Deepti Boddapati
Related Posts:
- How to load wp_editor via AJAX
- AJAX Call Via Vanilla JavaScript In WordPress Plugin Development
- Custom plugin giving: wp-admin/admin-ajax.php 400 (Bad Request)
- Create Proper WordPress Ajax Request in JavaScript, NOT jQuery
- How to save Clicks of a download link button while it doesn’t matter if we refresh the page or again login/logout
- ‘Lazy loading’ list of posts with pagination
- How to include admin-ajax when loading external javascript
- Ajax call doesn’t work in frontend but it’s working in backend (when I’m logged in)
- How to use wp-ajax in wp-cron
- How to create popup same as wordpress popup feature
- Shortcode button dosent work for all posts. Work for first post only
- WordPress + JavaScipt + AJAX + MySQL: insert query for form
- How to load wp_editor via AJAX
- Redirect to another page using contact form 7? [closed]
- wordpress add_action() issue in ajax call
- How to get specific string/value from an array? php [closed]
- coding a WordPress AJAX Form using PHP to check if User is Logged Out and Show error
- Ajax call not working in wordpress through a plugin
- Send Array from JS to php file then insert it in wp database through a plugin
- Jquery POST Ajax Return null data in wordpress
- Trouble with AJAX using GET
- Calling PHP function with AJAX
- Adding LOAD MORE on a page
- Ajax Call not Working in Plugin
- JS working when used normally but not in wordpress
- Use AJAX to fetch Current Post Thumbnail for WordPress when Uploaded throughMedia Uploader Frontend
- AJAX update fails for public/non-admin users
- How to disable/enable PHP plugin functionality based on a TinyMCE toggle-button
- WordPress ajax error 400 bad request for sending data to remote site [duplicate]
- Conditional Fields depending on checkboxes
- Custom plugin giving: wp-admin/admin-ajax.php 400 (Bad Request)
- How to limit each front-end user to view just his own uploaded files on Amazon S3?
- Javascript not working
- How do I convince this button to do something when it is clicked?
- Ajax, jQuery and WordPress
- get_option include in my adsense
- Load css classes after using ajax calls
- How to make a rest style plugin?
- How do I call an action hook into wp_ajax hook callback function
- How to get a variable number of posts per post type on the main loop?
- Loading shortcode with ajax
- Add .html extension to custom post type taxonomies
- How to load a new template page according to a particular URL?
- How to get the custom page get_permalink?
- Custom Post Type causes Page Not Found
- Admin-ajax.php is dying “0” without processing function
- How can I make the “Preview Post” button save and preview in the same window?
- How to remove an Ajax action
- Has anyone used require.js for handling plugin scripts?
- WordPress Ajax Callback
- Saving Custom Post types and fields to a custom table
- Building a store locator with google maps
- How to create user groups and allow custom posts and plugin modify/access to specific group?
- Form isn’t inserting data into database with ajax plugin
- How can I create a custom shortcode that will return a custom post type by ID?
- All of my custom posttypes are 404’ing
- ‘No Results Found’ on single post for custom post type
- Making a Template for a CPT created by a plugin
- add image crop function like in wp customizer
- Calculate price and display on woocommerce product single page under price (simple price, variable price) [closed]
- How to edit content before post update
- wp.media javascript issue with on select
- Dynamic Custom Fields
- wordpress file upload with ajax when site is ajaxyfi
- AJAX search as you type? [duplicate]
- WordPress api call using wp-ajax returns error 400
- Using wpdb without loading all plug-ins via wp-load.php
- Call plugin with php function
- Custom setup of wordpress comments that are displayed
- Is it safe to use admin-ajax.php in the frontend?
- Create WordPress posts from JSON array using plugin in admin
- Adding inside wp-plugin jQuery script that receives JSON-formatted data, generated by php-function inside this plugin
- Using custom php file for ajax url inside plugin
- JQuery needs to be defined in , but Gravity Forms is defining it in the
- Call Ajax URL in Plugin
- Loading by Ajax a plugin that also uses Ajax
- Custom Post Type template for homepage
- How to search post titles with whole words only, but not the exact word only?
- Remove custom taxonomy name from the slug – Custom Post Type UI
- Upload Javascript and json webpage to wordpress
- How can I adjust my function so the page editor still loads in the backend?
- Error datatable whit ajax
- custom post type get_posts() function not work
- Create multiple posts when a custom post is created
- Cannot view Custom Post Type no matter what I try
- How to add defer to WordPress Plugin javascript? [duplicate]
- How to use information from the database in the front-end?
- My ajax request don´t work and return 0
- Plugin with AJAX on subdomains causes 404 in console
- display user input using ajax in wordpress
- WordPress plugin ajax post parameter
- Custom Post type plugin breaking the front page shows dashboard?
- How can i do custom author list?
- Response from Php File to Ajax is not getting sent
- Plugin Admin Page Ajax-Admin call returning 0, URL set correctly. Implemented localized scripts but did not fix it
- Eliminate Render blocking CSS?
- How can I include properly javascript files in my wp plugin [duplicate]
- Adding a script & php to functions.php
- How to access values from your own settings page in javascript?
- Failed to update a post when I add a taxonomy to it