Isolate SiP to its own search bar

Hello @ravecharmer

Thank you very much for using our plugin.

The plugin applies the SIP behavior to every search box on the website by default. However, you can modify this behavior. Go to the plugin settings page, tick the “Apply to the search box inserted as shortcode only” checkbox, and press the “Update Settings” button.

Now, the SIP behavior will be applied only to the search boxes generated by the [search-in-place-form] shortcode. More information about the shortcode and its attributes by reading the following section in the plugin documentation:

https://searchinplace.dwbooster.com/documentation#shortcode

Best regards.

Thanks for your answer, I feel kind of silly for missing that. My apologies for wasting your time.

Can I ask another question, please?

In the dropdown menu that appears as you type in the search bar, the actual link portion of the results is only limited to the phrase from the search bar.

Is there any way to make the whole ‘box’ of the dropdown results work as a link, instead of just the word. In other words, the content/description that follows along with the search results should also work as a link.

Hello @ravecharmer

You can insert an “HTML” block on your page with the following piece of code a its content:

<script>
jQuery(document).on('click', '.search-in-place .item', function(){jQuery(this).find('a').click();});
</script>

Best regards.

Hi again,

How do I go about inserting that code? It’s not allowed on Customize > Custom CSS.

Is it somewhere else? Sorry, I’m not a wiz when it comes to coding.

Thanks!

Hello @ravecharmer

The Gutenberg editor, used to edit the contents of pages and posts, includes the “HTML” block. Please, insert it into the same page where you inserted the search in page shortcode, and enter the piece of code as its content.

Best regards.

Hi again, thanks for your answer.

I’m not sure I follow. I use Elementor, and I just dragged your plugin onto the page. I don’t know what a Gutenberg is, sorry.

I tried in the custom CSS part of the widget, but that didn’t do much either.

Hello @ravecharmer

If you use Elementor and not Gutenberg, Elementor includes an “HTML” widget. Please, watch the video by visiting the following link:

https://resources.developers4web.com/search-in-place/tmp/2022/03/06/video_o.mp4

Best regards.

Excellent, thank you so much!