Let the grouped search results displayed as tabs

[phillip.groschup51Participant]

Hi wp-dreams team 🙂

We are looking for a way to display the grouped search results as tabs.

Unfortunately, I couldn’t find a suitable solution in the help or via Google.

Has there been such an approach before?

It might be enough to put the search results in a separate div wrapper. Then I could show or hide certain areas depending on the tab click.

It should look something like this:
https://www.fis-gmbh.de/de/

Thank you very much for any help.

[phillip.groschup51Participant]

Well,

got it 🙂
https://knowledgebase.ajaxsearchpro.com/hooks/templating/result-templating

Can be closed..

[phillip.groschup51Participant]

Hello,

I still need help here.

I was able to generate divs via the hook ‘asp_before_ajax_output’ and the templates, which should function as tabs.

In the following I switched the result groups to display: none. The corresponding result group should be displayed via javascript when clicking on a tab.

Curiously, the div.results container is then inline-style: height: 0px; overflow-y: auto; equipped.

I suspect that some Javascript does this.

Is there a way to prevent this?

[Ernest MarcinkoKeymaster]

Try turning off the custom scrollbar script, it may resolve that. If not, then try overriding with a custom style:

.asp_r div.results {
    height: auto !important;
}

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts