REPLACE SEARCH ENGINE WITH FIBROSEARCH

Hi Peter,

You can use the following code snippet to replace the current search box with FiboSearch. You need to put the code in the functions.php file in your child theme:

add_filter('porto_search_form_content', function ($html) {
    $html = do_shortcode('[wcas-search-form]');
    return $html;
});
add_filter('dgwt/wcas/scripts/mobile_breakpoint', function () {
    return 768;
});
add_action('wp_head', function () {
    ?>
    <style>
        .header-center .dgwt-wcas-search-wrapp {
            width: 440px;
        }
        @media screen and (max-width: 991px) {
            #header .searchform-popup .search-toggle {
                display: none;
            }
        }
        @media screen and (max-width: 767px) {
            #header .searchform-popup .search-toggle {
                display: block;
            }
            .header-center .dgwt-wcas-search-wrapp {
                display: none !important;
            }
        }
    </style>
    <?php
});
add_action('wp_footer', function () {
    ?>
    <script>
        (function ($) {
            $('.search-toggle').on('click', function (e) {
                var $wrapp = $(this).closest('.header-center');
                var $mobileHandler = $wrapp.find('.js-dgwt-wcas-enable-mobile-form');
                if ($mobileHandler.length > 0) {
                    $mobileHandler[0].click();
                }
            });
        }(jQuery));
    </script>
    <?php
});

I hope this is helpful!

Regards,
Marta