Select2 in search form

Hi Johan,

To add Select2 support to your search forms, open the file bps-form-default.php, locate the initial lines:

$F = bps_escaped_form_data ($version = '4.9');
wp_register_script ('bps-template', plugins_url ('bp-profile-search/bps-template.js'), array (), BPS_VERSION);
?>

and replace them with:

$F = bps_escaped_form_data ($version = '4.9');
wp_register_script ('bps-template', plugins_url ('bp-profile-search/bps-template.js'), array (), BPS_VERSION);
wp_enqueue_script ('select2-js', 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js', array ('jquery'));
wp_enqueue_style ('select2-css', 'https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css');
?>
<script>
	jQuery(document).ready(function($) {
		$('.bps-form select').select2();
	});
</script>

Save the file, then copy it to the ‘buddypress/members’ directory in your theme’s root, otherwise it will be overwritten during the next BP Profile Search update.

Hi Johan,

Gwangi provide their own BP Profile Search templates, so I suggest you ask the Gwangi team for advice if you wish to modify those templates.

If you want to try yourself, the template location is shown in the Users -> Profile Search admin page, under the Template column. You can modify that template as suggested in the above post.