Elio

Hi @jasnick,

You should be able to fix this issue by adding this small code snippet to your functions.php:

// Preserve emojis and special characters in menu items when SearchWP Modal is used
add_filter( 'wp_nav_menu', function ( $nav_menu, $args ) {
	return mb_convert_encoding( $nav_menu, 'HTML-ENTITIES', 'UTF-8' );
}, 9, 2 );

Please note that the code above uses the PHP mbstring extension so you may want to make sure this extension is installed and enabled in your server. Your hosting provider can help you with that.

I hope this helps!

Hi @johanponken,

thanks for pointing out the issue in our documentation!
I have updated the content and you should now see the correct shortcodes to use.

Thanks

Hi @stephenkrem,

Your screenshot shows a template from another plugin. That might be why it is not working for you.

This is a sample template for the SearchWP Live Ajax template that includes the post thumbnail:
https://gist.github.com/BrElio/ea19d8e586bcdbf9265e46b092d465a7

I hope this helps!

Hi @tony-franco,

thanks for getting in touch!
Could you please give me some more details on what is not working and if possible a link to the site that has the issue so I can see it firsthand?

Thanks

Hi @wykananda,

thanks to bring this to our attention!

We will correct the template used by the plugin in the next update.

In the mean time you can customise the template and replace the <main> tag with a DIV as described in this guide: https://searchwp.com/extensions/modal-form/#templates

If you need any further help please let me know!

Hi @projectmuzzle,

the plugin doesn’t have any option to disable the form submission.

What you could do though is use the native WordPress search widget which use the form generated by the get_search_form() function.

This function loads the form present in the searchform.php template. If that template is not present on your theme you can add it manually.

The template should contain a search form like in these examples.
To prevent the search form from being submitted you should add an onsubmit attribute to the form element like this:

<form action="/" method="get" onsubmit="return false;">

I hope this helps!

Hi @infosion,

if you are using the block editor you can remove the inline scripts with this code:

add_action( 'init', function () {
    $form = searchwp_live_search()->get( 'Form' );
    remove_action( 'wp_footer', [ $form, 'gutenberg_integration' ] );
}, 20 );

That said, after looking more into this, I believe the Live Ajax Search functionality may break when dequeueing the scripts as suggested before.
This is because the scripts also needs to be localized with extra data. If you enqueue the scripts on your custom file the localization would not work.

My suggestion would be to let the Live Ajax Search load its own files and scripts but use the code below to limit them only on specific pages:

add_action( 'init', function () {

	// List of post IDs where the Live Ajax Search should be loaded
	$swp_live_ajax_pages = [123,456];

	// If the current page is not in the list prevent the scripts from loading
	if ( ! in_array( get_queried_object_id(), $swp_live_ajax_pages ) ) {
		return;
	}

	$form = searchwp_live_search()->get( 'Form' );
	remove_action( 'wp_footer', [ $form, 'gutenberg_integration' ] );

	add_action( 'wp_enqueue_scripts', function () {
		wp_dequeue_script( 'swp-live-search-client' );
	}, 20 );
}, 10 );

I hope this helps!

Hi @shaneholloman,

at the moment it is only possible to customise the lines that make up the spinner as described in this guide: https://searchwp.com/extensions/live-search/#searchwp_live_search_configs

If you need further help let me know!