How to customize the mobile search overlay

  • Resolved chrispuls

    (@chrispuls)


    3 years, 5 months ago

    Hi, I just see, that the HTML inside of the mobile search overlay, is added via JS inside search.js to add the input and icons etc. Now I need to add a logo and some other stuff into the mobile search overlay. I can handle this by copy the search file and register it, but then I have 2 registered search files. I tried to deregister your script, but this is also not working.

    So in short, I would like to know, how I can customize the HTML of the mobile search ovverlay to add a logo or whatever I need to.

    Thx and cheers

    Chris

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello Chris,

    We don’t have the option to customize the search overlay. You can try changing the search icon if you like with the code below (added to your Child theme’s functions.php file):

    add_filter( 'dgwt/wcas/form/magnifier_ico', function ( $html ) {
 	$html = '<i class="fa fa-search dgwt-wcas-ico-magnifier"></i>';
 	return $html;
} );

    You could also do custom CSS.

    Best regards,
    Clint

    Thread Starter chrispuls

    (@chrispuls)

    Thx for the info, but the icon is not enough. I need to add the logo and maybe the navigation into the overlay. I thought so, that this isn’t possible, because you just add the HTML inside of the JavaScript file. So I would suggest to add a HTML file or PHP file, wnhich will be rendered. Just a suggestion.

    Hello Chris,

    Thanks for the suggestion! We plan to focus on a more customizable mobile UX/UI in future plugin versions.

    Best regards,
    Clint

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to customize the mobile search overlay’ is closed to new replies.