Support » Plugins » Plugin: Suchfunktion mit Auto-Suggest

  • Hallo zusammen,

    ich bin auf der Suche nach einem Plugin, das den folgenden Funktionsumfang umfasst:
    Im Prinzip soll dem Nutzer ein ganz normales Suchfeld auf der Website angezeigt werden, in dem er einen gewünschten Suchbegriff eingibt. Während des Tippens sollen zudem Suchvorschläge eingeblendet werden, auf die der Nutzer klicken kann. Ich möchte mit dieser Suchfunktion jedoch nicht die gesamte Website durchsuchen, wie es verschiedene Plugins anbieten, sondern meine Vorstellung zielt auf etwas anderes ab. Ich möchte vordefinierte Suchbegriffe festlegen, die als Suchvorschläge auftauchen und beim Klick auf diese soll entweder direkt ein vordefinierter Text oder nach Bestätigung eines Buttons o.ä. angezeigt werden, der diesem Suchbegriff zugeordnet ist. Vielleicht wird mein Anliegen durch folgendes Beispiel etwas eindrücklicher:

    Der Nutzer gibt ins Suchfeld den Buchstaben „H“ ein und es wird ihm u.a. „Handwerker“ als Suchbegriff vorgeschlagen. Diesen Begriff wählt er nun aus und bestätigt mit einem Klick, woraufhin neben dem Suchfeld dann ein vordefinierter Text wie z.B. „Zu Ihnen passt am besten XYZ“ angezeigt wird, der eben diesem spezifischen Suchbegriff zugeordnet ist. Zudem wäre es noch wichtig, dass lediglich diese vordefinierten Suchbegriffe die Textanzeige auslösen, d.h. wenn der Nutzer in der Suche etwas eingibt, was nicht als Suchbegriff vordefiniert wurde, dann soll ihm auch nichts angezeigt werden.

    Ich hoffe, ich konnte die gewünschte Funktion verständlich beschreiben. Nach stundenlanger Recherche und etlichen getesteten Plugins bin ich u.a. auf diverse Quiz-Plugins (z.B. Quiz And Survey Master), die meiner Vorstellung schon ziemlich nahekommen. Hier fehlt mir jedoch immer die Möglichkeit des beschriebenen Suchfeldes mit der Auto-Suggest-Funktion. Zwar kann ich Dropdown-Listen oder vertikale Auflistungen mit den gewünschten Begriffen anlegen und diesen dann einen entsprechenden Output-Text zuordnen, doch eine Darstellung in Form eines Suchfeldes habe ich bisher nicht gefunden.

    Ich würde mich über Hilfe freuen und bedanke mich schon einmal im Voraus.

    • Dieses Thema wurde geändert vor 5 Monaten, 1 Woche von benchfreak.
Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Schau dir mal AJAX Search Lite an.

    Thread-Ersteller benchfreak

    (@benchfreak)

    Vielen Dank für den Tipp. Ich habe mich mit dem Plugin befasst und bin leider nicht zur Lösung gekommen. Daraufhin habe ich den Support um Hilfe gebeten, jedoch wurde mir mitgeteilt, dass mein beschriebenes Vorhaben durch das Plugin nicht umsetzbar ist.
    Gibt es vielleicht weitere Vorschläge? Wäre um jede Hilfe dankbar.

    Wie wäre es denn, wenn du das selber programmierst?

    Den Code kannst du entweder in die functions.php deines Child-Themes packen, ein eigenes Plugin erstellen oder das Plugin Code Snippets verwenden. Dort fügst du ein

    add_action( 'wp_head', 'formular_auswerten_js' );
    function formular_auswerten_js() { ?>
    <style>
    	.handwerker, .installateur, .zimmermann { display: none; }
    </style>
    <script>
      jQuery(document).ready(function ($) {
    	var availableTags = [
          "Handwerker",
          "Installateur",
          "Zimmermann",
        ];
        $( "#handwerker" ).autocomplete({
          source: availableTags
    	})
    	$('#handwerker').change(function(){
          $(".handwerker").css("display", this.value == "Handwerker" ? "block" : "none");
    	  $(".installateur").css("display", this.value == "Installateur" ? "block" : "none");
    	  $(".zimmermann").css("display", this.value == "Zimmermann" ? "block" : "none");
        });
      });
    </script>
    <?php }
    
    wp_enqueue_script('jquery-ui-autocomplete');

    Nun erstellst du noch eine neue Seite. In der fügst du einen HTML-Block ein:

    <label for="handwerk">Nach welcher Dienstleistung suchst du?"</label><br>
    <input type="text" placeholder="Gib einen Handwerksberuf ein" id="handwerker">

    Unter dem HTML-Block erstellst du für jeden Handwerksberuf einen eigenen Absatz-Block mit der Beschreibung der Dienstleistung:

    Handwerker helfen dir im ganzen Haus.
    
    Installateure helfen dir bei Gas- und Wasseranschluss.
    
    Der Zimmermann erspart die Axt im Haus.

    In der rechten Spalte unter Block > Erweitert trägst du für jeden Absatz eine CSS-Klasse ein und veröffentlichst die Seite.

    Über diese CSS-Klasse wird der Absatz mit der CSS-Regel im bereits eingefügten Code zuerst ausgeblendet. Tippt nun jemand im Suchfeld ein „Z“ wie in „Zimmermann“ und wählt den Begriff aus, wird für die CSS-Klasse .zimmermann die Sichtbarkeit von display: none; auf display:block geändert.

    Zugegeben ein bisschen selbstgebastelt, aber ich glaube nicht, dass du ein Plugin findest, dass exakt zu deinen Anforderungen passt. Dann ist eine selbstgebastelte Lösung besser als nichts.

    Übrigens hatte ich nicht geschrieben „AJAX Search Lite ist die Erfüllung deiner Wünsche“, sondern „Schau dir mal AJAX Search Lite an.“ Manchmal reicht ein Plugin aus, dass zumindest „in die richtige Richtung geht“ und ein Kompromissen ist möglich. Denk bitte daran, dass wir hier auch keine Plugin-Recherche übernehmen können und nicht über die Schwarmintelligenz einiger hundert Teilnehmenden verfügen (tatsächlich beteiligen sich aktuell nur fünf, sechs Teilnehmende regelmäßig mit Antworten).

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)