Skip to content

Instantly share code, notes, and snippets.

@djrmom
Created August 28, 2017 13:58
Show Gist options
  • Save djrmom/1321763f4e600456de371f3801824733 to your computer and use it in GitHub Desktop.
Save djrmom/1321763f4e600456de371f3801824733 to your computer and use it in GitHub Desktop.
facetwp make select sort into a radio
<?php
/**
* filter html for sort to output radio buttons
*/
add_filter( 'facetwp_sort_html', function( $output, $params ) {
$output = '<div class="facetwp-sort-radio">';
foreach ( $params['sort_options'] as $key => $atts ) {
$output .= '<input type="radio" name="sort" value="' . $key . '"> ' . $atts['label'] . '<br>';
}
$output .= '</div>';
return $output;
}, 10, 2 );
/**
* js to handle:
* selecting the correct radio button on load
* updating the sort when a new button is selected
*/
add_action( 'wp_head', function() {
?>
<script>
(function($) {
$(document).on('facetwp-loaded', function() {
if ('undefined' !== typeof FWP.extras.sort ) {
$( '.facetwp-sort-radio input:radio[name="sort"]').filter('[value="'+FWP.extras.sort+'"]').prop("checked", true);
}
});
// Sorting
$(document).on('change', '.facetwp-sort-radio input', function() {
FWP.extras.sort = $(this).val();
FWP.soft_refresh = true;
FWP.autoload();
});
})(jQuery);
</script>
<?php
}, 100 );
@ruucm-working
Copy link

Awwwwwsommmmme!!!

Life Saver Thanks 💯

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment