Skip to content

Instantly share code, notes, and snippets.

@stevenroh
Created December 5, 2017 15:56
Show Gist options
  • Save stevenroh/61c28fe77746a64a0e386a9fe2ddbfe7 to your computer and use it in GitHub Desktop.
Save stevenroh/61c28fe77746a64a0e386a9fe2ddbfe7 to your computer and use it in GitHub Desktop.
Add an image to the facet radio button
<?php
add_filter( 'facetwp_facet_html', function( $output, $params ) {
if ( 'your_facet' == $params['facet']['name'] ) {
$output = '';
$values = (array) $params['values'];
$selected_values = (array) $params['selected_values'];
foreach ( $values as $result ){
$selected = in_array( $result['facet_value'], $selected_values ) ? ' checked' : '';
$selected .= ( 0 == $result['counter'] && '' == $selected ) ? ' disabled' : '';
$output .= '<div class="facetwp-radio' . $selected . '" data-value="' . esc_attr( $result['facet_value'] ) . '">';
$output .= $result['facet_display_value']. ' <img src="'.plugin_dir_url( __FILE__ ).'img-cat/' .$result['facet_value']. '.png" alt="' .$result['facet_display_value']. '"> '; // $result['counter']
$output .= '</div>';
}
}
return $output;
}, 10, 2 );
?>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment