Skip to content

Documentation

Extensive Documentation for PowerPack & WooPack to help you with common questions and issues.

PowerPack

⌘K
  1. Home
  2. Docs
  3. PowerPack
  4. Modules
  5. Search Form
  6. How to integrate live AJAX based search in Search Form?

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;
    }
🎃 🎃

⚡ HALLOWEEN FLASH SALE! Save up to 40% OFF  Claim Your Treats ➔

🎃 Wait! Your Halloween Savings Are Still Here!

You're about to miss our biggest sale of the year. Save up to 40% and secure unlimited site licenses before the Halloween sale ends.

×