How to integrate live AJAX based search in Search Form?
SearchWP is a great plugin to add AJAX-based Live Search on the site. It can be integrated with PowerPack Search Form using pp_search_form_input_attrs hook.
Parameters:
$attrs – an ARRAY containing a key-value pair of all the attributes required for a Search Form.
$attrs = array( 'placeholder' => $this->settings->placeholder, 'class' => array( 'pp-search-form__input' ), 'type' => 'search', 'name' => 's', 'title' => __( 'Search', 'bb-powerpack' ), 'value' => get_search_query(), );
$settings – an OBJECT containing all the settings for the Search Form module instance.
SearchWP can be integrated into Search Form by setting data-swplive attribute to true as shown below.
Place the below code in your current theme’s functions.php file.
add_filter( 'pp_search_form_input_attrs', 'my_function_modify_pp_search', 10, 2 ); function my_function_modify_pp_search( $attrs, $settings ) { $attrs['data-swplive'] = 'true'; return $attrs; }