SearchWP

Hey Antonio,
I checked your ajax search, the search icon in your header, and it seems to work correctly, and I followed the link to the search results page and it also seems to work correctly.
Please explain further what issue you are having.

Best regards,
Mike

Hi,
The default search results parameter is /?s= and your plugin uses /?swp_form%5Bform_id%5D=1&swps=
so perhaps if you change the parameter of s in the function to swp_form%5Bform_id%5D=1&swps
it will direct to your plugin search results page

I recommend testing this modification via FTP and not in the WordPress ▸ Appearance ▸ Theme File Editor in case it crashes your site, you can remove the change easily via FTP even it your site is down.

Best regards,
Mike

Hi,
Please include FTP access so we can try some different parameters.

Best regards,
Mike

Hi,
Thanks for the FTP access, but it opens a empty directory. Please ensure that the login has access to the root directory so we can access your functions.php file.

Best regards,
Mike

Hi,
Thank you for your patience, I set the function above back to the original code from the documentation and then added a custom searchform.php file to your child theme with this:

<?php
if( ! defined( 'ABSPATH' ) )   { exit; }

global $avia_config;


// Modify the search parameters for custom search URL
$search_params = apply_filters('avf_frontend_search_form_param', array(
    'placeholder'   => __('Search', 'avia_framework'),
    'search_id'     => 'swps',  // Changed from 's' to 'swps'
    'form_action'   => home_url('/') . '?swp_form%5Bform_id%5D=1', // Appended custom query string
    'ajax_disable'  => false
));

$disable_ajax = $search_params['ajax_disable'] == false ? '' : 'av_disable_ajax_search';

$icon = av_icon_char('search');
$class = av_icon_class('search');
?>

<form action="<?php echo $search_params['form_action']; ?>" id="searchform" method="get" class="<?php echo $disable_ajax; ?>">
    <div>
        <input type="submit" value="<?php echo $icon; ?>" id="searchsubmit" class="button <?php echo $class; ?>" />
        <input type="text" id="s" name="<?php echo $search_params['search_id']; ?>" value="<?php echo esc_attr(get_search_query()); ?>" placeholder="<?php echo esc_attr($search_params['placeholder']); ?>" />
    </div>
</form>

now your ajax form “Show all results” link points to ?swp_form%5Bform_id%5D=1&swps=

and lands on your custom SearchWP results page:

Best regards,
Mike

Hi,
I’m not sure what you mean, I see your header on the search results page, see the screenshot in the Private Content area.
Perhaps you mean that there is a large space at the top, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.html_header_top.html_header_topbar_active.html_header_sticky #top #main.swp-rp-main {
	padding-top: 0;
	margin-top: 0;
}

Best regards,
Mike

Hi,
You are using a transparent header on your homepage and the text color is white, when you use the ajax search and hit the [enter] key it loads the searchwp template which is a white page, so you can’t see the white text in the header until you scroll and the header is no longer transparent.
If you click the ajax search link “Mostrar todos los resultados” you go to a search results page that doesn’t have the transparent header, so eveything shows correctly.
Unfortunately the search template doesn’t add a page class so we can’t know when to change the text color in the header.
So your first option is to change your homepage to not use a transparent header, or you can ask searchwp for a function to add a custom body class when the search template is used.
Or maybe your customers will scroll the page before they notice.

Best regards,
Mike