Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #4538033
Ajax Search on Custom Menu
Open

Comments

  • Dimitris Belegris started the conversation

    Hello,

    I have a question regarding your search form module and where it is applicable.

    What I want to do is create an Ajax Search in a custom Mobile and Desktop Menu.

    I have tried to unput the search form there but its not loading live search.

    If i use it in any other page eg 404 with a search form it works(Ajax live search works).

    Moreover I do not have this configuration mentioned here, so i can adjust the live search pop-up:

    https://docs.codex-themes.com/article/552-how-to-enable-ajax-live-search

    Obviously I am missing something.

    I am adding some examples and also my site creds.

    Thank you in advance,

    Dimitris Belegris


    Attached files:  no_ajax_settings.jpg
      ajax_404.jpg
      no_ajax_search_in_menu.jpg

  •  7,257
    Oliver replied

    Hi Dimitris, 

    as you are using the header template built with the header builder, you need to edit your header template https://emal.gr/wp-admin/post.php?vc_action=vc_inline&post_id=25258&post_type=thegem_templates and add any of these search elements https://prnt.sc/F5nediksucRd , in the settings of these elements you can then enable the live search functionality. I have now added the search form as an example, please check. 

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Dimitris Belegris replied

    Hello Oliver,

    Ok I have used the search icon with a full overlay, but how can i make my results look like that?

    https://emal.gr/?s=exalco%20&post_type=thegem_pf_item

    This i have achieved from the search page in the theme settings. but i cannot seem to find a way to adjust the results when they are displayed in a full overlay. For now its just images with not even text (see attachment).

    Thank you

    Attached files:  searchresults.jpg

  •  7,257
    Oliver replied

    Hi Dimitris, 

    Thank you for your reply. This portfolio layout in the live search results overlay is the built-in layout, there are no specific extra settings for this appearance. In order to be able to change this appearance the code customization of the overlay template will be needed. 

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Dimitris Belegris replied

    Could you please prompt me to the layout code, so I could override it in the child theme?

  •  7,257
    Oliver replied

    Hi, thank you for your reply. You can implement the customizations in the functions.php file of the child theme, look for the function " thegem_ajax_search", inside this function you will find thegem_woocommerce_search_posts_content and thegem_woocommerce_search_portfolios_content as the starting points for the customization. 

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver