Cancel current search

Hi @webepc,

I’m trying to understand your issue better. Are you experiencing a problem on the search results page where you’re unable to edit or delete the phrase you’ve entered? Specifically, when you click on the search bar, does it not activate, preventing you from modifying the current phrase? Normally, you should see something like this screenshot. Upon clicking the FiboSearch bar, autocomplete suggestions and an “x” icon should appear, allowing you to clear the search phrase.

Could you also check for any errors in your browser’s console? To do this, press F12 or right-click and select ‘Inspect’, then navigate to the ‘Console’ tab. Please look for any errors and refer to this screenshot for guidance.

Best regards,
Kris

Look:
https://staging.neirottiricambi.it/negozio/

For example I search for “BMW” in the filter, once I click on the “X” to cancel it allows me to do a new search but remains on the previous results page.

Therefore all other Woocommerce filters can no longer work properly.

The client asked me if it was possible that once the search was cancelled, it would return to the catalog page

Hi @webepc!

The solution may be to add a search reset button with this code (see screenshot):

// FiboSearch reset search
add_action( 'wp_footer', function() { ?>
	<script type="text/javascript">
		jQuery(document).ready(function(){
			let resetButton = jQuery('<a href="/negozio/" class="button fibosearch-button">Cancella ricerca</a>');
			jQuery('#dgwt_wcas_ajax_search-2').append(resetButton);
		});
	</script>
	<style type="text/css">
		.fibosearch-button {
			display: none !important;
			background-color: #d50909;
			border-color: #d50909;
			color: #fff;
			margin-top: 12px;
			width: 100%;
			text-align: center;
		}

		.dgwt-wcas-search-filled + .fibosearch-button {
			display: block !important;
		}
	</style>
<?php }, 9999 );

You have two ways to add this code to your theme:

1. Open the functions.php in your child theme and add the code at the end.
2. or install the Code Snippets plugin and apply this code as a snippet.

Regards,
Kris

does it work even if integration with the theme is active?

Hi @webepc!

Yes. This solution will work if you have theme integration enabled. It is prepared to display this reset button only on the search results page.

Regards,
Kris

In my case it doesn’t seem to work ??

Hi @webepc

I tested this solution in a special browser add-on that allows me to test additional CSS and JS on your website. Everything works fine. Please make sure this code is implemented correctly. From what I checked, it doesn’t load on your website.

Regards,
Kris