Avada FAQ zoek en toon resultaten

Snel naar…

Praktische uitvoering
Oplossing nodig?

Toon alleen de zoekresultaten die een steekwoord bevatten in de FAQ berichten van Avada.

Je typt een steekwoord en alleen alle relevante FAQ worden getoond. Hoe doe je dat?

Voor het uitvoeren van deze maatwerk oplossing heb je wel wat kennis nodig van jQuery en CSS.Let op het onderstaande voorbeeld werkt natuurlijk alleen als je het Avada thema gebruikt.

Praktische uitvoering

Onderstaande code zet je in een codeblok op de betreffende FAQ pagina.

Copy to Clipboard

<div id="form">
<form action="#" class="search">
<input type="text" placeholder="typ een zoekwoord" class="filterinput">
<small><a href="#" id="filter_reset">Maak zoekveld leeg</a></small>
</form>
</div>

jQuery("#filter_reset").click(function($){
  jQuery("#form input").val('');
  jQuery('.fusion-filter-all a').click();
});

(function ($) {
jQuery.expr[':'].Contains = function(a,i,m){
return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase())>=0;
};

//live search function
function live_search(list) {
$(".filterinput")
.change( function () {
//getting search value
var searchtext = $(this).val();
if(searchtext) {
//finding If content matches with search keyword
$matches = $(list).find('.fusion-faq-post:Contains(' + searchtext + ')');
//hiding non matching lists
$('.fusion-faq-post', list).not($matches).slideUp();
//showing matching lists
$matches.slideDown();
//console.log($matches);

} else {
//if search keyword is empty then display all the lists
$(list).find(".fusion-faq-post").slideDown(200);
}
return false;
})

.keyup( function () {
$(this).change();
});

}

$(function () {
live_search($("#accordian-1"));
});
}(jQuery));
</script>

Het werkende voorbeeld kun je hier bekijken.

Oplossing nodig?

Heb je ook interesse in een WordPress plug-in op maat of een andere WordPress oplossing…? Neem dan contact op.

Kennis is er om te delen

Bekijk alle blogs

Toon alleen de zoekresultaten die een steekwoord bevatten in de FAQ berichten van Avada.

Praktische uitvoering

Oplossing nodig?

Kennis is er om te delen

Nieuwe SRA nieuws import plugin met WP All Import

Nieuwe SRA nieuws import plugin met WP All Import

Aanbetaling en restbedrag incasso met Pronamic Pay en Gravity Forms

Aanbetaling en restbedrag incasso met Pronamic Pay en Gravity Forms

Nieuwe functies in onze import SRA Nieuws naar WordPress plug-in

Nieuwe functies in onze import SRA Nieuws naar WordPress plug-in

Avada post cards: huidige bericht uitsluiten

Avada post cards: huidige bericht uitsluiten

Jobmanager koppeling naar The Newsletter plugin

Jobmanager koppeling naar The Newsletter plugin

Advanced Custom Fields (ACF) ingezet voor legvoorschriften parketbranche

Advanced Custom Fields (ACF) ingezet voor legvoorschriften parketbranche

Bezoekers meten zonder Google Analytics

Bezoekers meten zonder Google Analytics

Doneer jij al aan open source projecten?

Doneer jij al aan open source projecten?

Hiep hiep haha!

Hiep hiep haha!

Meer tips voor een nog veiliger WordPress website

Meer tips voor een nog veiliger WordPress website

16 Tips voor het beveiligen van jouw WordPress website

16 Tips voor het beveiligen van jouw WordPress website

WordPress maatwerk plugin update

WordPress maatwerk plugin update

Avada FAQ zoek en toon resultaten

Toon alleen de zoekresultaten die een steekwoord bevatten in de FAQ berichten van Avada.

Praktische uitvoering

Oplossing nodig?

Deel dit artikel, kies je platform!

Kennis is er om te delen

Nieuwe SRA nieuws import plugin met WP All Import

Nieuwe SRA nieuws import plugin met WP All Import

Aanbetaling en restbedrag incasso met Pronamic Pay en Gravity Forms

Aanbetaling en restbedrag incasso met Pronamic Pay en Gravity Forms

Nieuwe functies in onze import SRA Nieuws naar WordPress plug-in

Nieuwe functies in onze import SRA Nieuws naar WordPress plug-in

Avada post cards: huidige bericht uitsluiten

Avada post cards: huidige bericht uitsluiten

Jobmanager koppeling naar The Newsletter plugin

Jobmanager koppeling naar The Newsletter plugin

Advanced Custom Fields (ACF) ingezet voor legvoorschriften parketbranche

Advanced Custom Fields (ACF) ingezet voor legvoorschriften parketbranche

Bezoekers meten zonder Google Analytics

Bezoekers meten zonder Google Analytics

Doneer jij al aan open source projecten?

Doneer jij al aan open source projecten?

Hiep hiep haha!

Hiep hiep haha!

Meer tips voor een nog veiliger WordPress website

Meer tips voor een nog veiliger WordPress website

16 Tips voor het beveiligen van jouw WordPress website

16 Tips voor het beveiligen van jouw WordPress website

WordPress maatwerk plugin update

WordPress maatwerk plugin update