Replace search menu with Predictive search plugin

[[email protected]]

Hi there,

I would like to change the original search function from the Neighborhood theme with the predictive search plugin.

The plugin is active and I also add the code

<?php if(function_exists(‘woo_predictive_search_widget’)) woo_predictive_search_widget(); ?>

to header.php

Unfortunately this code does activate the plug in, but not at the right place.

Does anyone know how/where to replace the search menu in the neighnorhood theme (keeping the neighborhood style would be a plus).

Thank you very much for your collaboration

Fabio

ps. this is my website: http://timeforyourskin.com/

and this is the url of the plugin: http://a3rev.com/shop/woocommerce-predictive-search/

[Melanie – SUPPORT]

Hey there,

please contact the plugin developers about this as they should be the specialists when it comes to including their plugin 🙂 Cheers

[[email protected]]

Dear Melanie,

Thankd for your quick reply.

The plugin developer has already done it once for me, but since I needed to update the theme to get the zoom in the product gallery I lost the edit. And the developer has not been collaborative then since.

So can you please tell me where/in which folder can I find the search bar in main menu (teh one in the header close to shopping cart) and (eventually) how to edit it.
Last, is it possible to get back edited with neighborhood update.
In that case it would be easy to fix it.

Thanks again for your great theme and great customer support

Fabio

[laranz – SUPPORT]

Hi,

Did you try this documentation: http://docs.a3rev.com/user-guides/plugins-extensions/woocommerce/woo-predictive-search/#section-14

Thanks,
laranz.

[[email protected]]

Dear Laranz,

Thanks for your quick reply.

Unfortunately I have already read the documetation before posting, but I cannot find in header.php the “original serach bar” that I want to substitute. If I paste the suggested code in header.php though it distorces the theme.

Any ideas where to find the code that is setting the “original” search bar?

Kindly regards

Fabio

[Melanie – SUPPORT]

You can find our search form in theme-class.php

cheers!

[rsae]

I’m looking to implement the Predictive Search plug-in, as well. I can’t find the file “theme-class.php” that you referenced. Can you please be more specific where that file can be found (i.e. “includes/theme-class.php)

Thanks!

[[email protected]]

Same issue for me

Please let us know how to access theme-class.php

Thanks

Fabio

[Melanie – SUPPORT]

Phew I’m sorry for that, I must have been looking at the wrong theme here… the file you’ll want to look for is sf-header.php

neighborhood > includes > swift-framework > sf-content-display > sf-header.php

Cheers!

[rsae]

Thanks for the clarification on the page. There are several areas that note “search” in that file. Where exactly should this code for Predictive Search go in the sf-header.php file?

<?php if(function_exists(‘woo_predictive_search_widget’)) woo_predictive_search_widget(); ?>

This is a pretty common plug-in for Woocommerce stores, so I’m sure other people who bought the Neighborhood theme would really benefit from this explanation. Appreciate it!

[Melanie – SUPPORT]

$menu_full_output .= ‘<li class="menu-search parent"><a href="#"><i class="icon-search"></i></a>’. "\n";

outputs the search icon.

Cheers

[rsae]

Sorry, but that didn’t work. When I replace:

$menu_full_output .= ‘<li class=”menu-search parent”><i class=”icon-search”></i>’. “\n”;

with

<?php if(function_exists(‘woo_predictive_search_widget’)) woo_predictive_search_widget(); ?>

I get a parse error.

[Melanie – SUPPORT]

Only woo_predictive_search_widget();

[rsae]

I’m sorry, I don’t understand your answer.

To clarify my request, I don’t want a search widget. I’d like to replace the current search in the header with the Predictive Search Plug-in. I am able to do that in the header of my previous theme (Maya) with the following code:

<?php if(function_exists(‘woo_predictive_search_widget’))woo_predictive_search_widget(5, 0,
5, 5, 0, 0, 0, 100, ‘padding-bottom:20px;width:220px;float:left;’, 0);
?>

Thank you

[[email protected]]

Dear Melanie,

I’ m sorry but I can’t follow your explainations.

Since this thread goes on from 8th of August and has forced you to reply to it already numerous times, I kindly ask you to give us and future readers interested in the same topic a simple, clear and detailed explaination on how to put the “characteristics/functionality” of the predictive search in the same location and with the same style of the current search widget.

Thanks for your collaboration

Fabio