Marta

Hi Marco,

Is this a screenshot of FiboSearch? If yes, it seems to be highly customized – the layout is different and there’s a “Popular suggestions” section, which FiboSearch doesn’t provide. Please check if there’s any custom code on your website that could be adding pages to the search. FiboSearch Free doesn’t support this.

Regards,
Marta

Hi Ayesha,

If the problem occurs for logged-out users, it’s most probably caused by caching or optimization. What caching/optimization plugin are you using? What are its settings?

Please try excluding these two files from JS optimization:

/wp-content/plugins/ajax-search-for-woocommerce/assets/js/search.js
/wp-content/plugins/ajax-search-for-woocommerce/assets/js/search.min.js

Does this help?

Also, you mentioned that this happens in the recent version of FiboSearch. Was it ok before, with an older version?

Looking forward to hearing from you!

Regards,
Marta

Hi,

Please check if the following code helps:

add_action( 'wp_footer', function() { ?>
	
<style id="fibosearch-style"></style>
<style>
	.dgwt-wcas-suggestions-wrapp {
		max-height: calc(100vh / 2) !important;
		overflow-y: scroll;
	}
</style>

<script>
document.addEventListener('fibosearch/show-suggestions', moveSearchResults);
document.addEventListener('fibosearch/no-results', moveSearchResults);
									 
function moveSearchResults() {
    const searchResults = document.querySelector('.dgwt-wcas-suggestions-wrapp');
    const activeSearch = document.querySelector('.elementor-popup-modal .dgwt-wcas-active');
    const styleEl = document.getElementById('fibosearch-style');

    if (!searchResults || !activeSearch || !styleEl) return;

     const topS = activeSearch.getBoundingClientRect().top + window.scrollY;
     const heightS = searchResults.offsetHeight;
	 const newTop = topS - heightS;

    styleEl.textContent = <br>        .dgwt-wcas-suggestions-wrapp {<br>            top: ${newTop}px !important;<br>        }<br>;
</script>

<?php } );

It should:

1. move the search results above the search bar. This will work only for the search bar in the popup.
2. set the max height of the search results to half the height of the screen,
3. add the scrollbar.

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

1. open the functions.php file 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.

I hope this helps!

Regards,
Marta

• This reply was modified 2 months, 2 weeks ago by Marta.

Hi,

Thanks! As far as I can see, the Breakdance search icon can be hidden with the following CSS:

.bde-search-form { display: none; }

You can add it in Appearance > Customize > Additional CSS.

Please let me know if this works for you.

Regards,
Marta

Hi,

What theme are you using? Where does the default search icon come from? How do you add the search icon to the header? I will need to reproduce the problem on my end to come up with a solution.

Looking forward to hearing from you!

Regards,
Marta

Hi prabhu,

You can change the limit in WooCommerce > FiboSearch > Search bar > Minimum characters. If you don’t see this setting, make sure the “Show advanced settings” option at the top of the page is enabled.

Regards,
Marta

Hi,

I see you’re using FiboSearch Pro. This forum is only for users of the free version. For Pro support, please contact us here: https://fibosearch.com/contact/

Regards,
Marta