Lesefortschritt:

    «Leere» Suche im Divi-Theme verhindern

    27. Juli 2025 | Divi-Theme, Scripts

    Trick # 480 | Dieser Beitrag beinhaltet 463 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.

    Das Divi Theme hat eine tolle Suchfunktion eingebaut. Diese hat aber einen Haken: Es sind auch Suchen ohne Suchbegriff möglich. Das lässt sich allerdings verhindern.

    Die Vorgehensweise ist unterschiedlich, je nachdem, ob Sie die Suche des Standard-Headers verwenden oder aber das Suchmodul des Divi-Themes einsetzen.

    «Leere» Suche in der Suchfunktion des Divi-Standard-Headers verhindern

    Hierfür benötigen Sie den folgenden Script-Code, den Sie dem <head>-Bereich Ihrer Website hinzufügen können. Im Backend geschieht dies unter Divi/Theme-Optionen/Integration:

    <script>
    jQuery(
    function($){
    $('.et-search-field').prop('required',true);
    }
    );
    </script>

    Die Suchfunktion des Standard-Headers wäre damit schon mal behoben. Die zweite Lösung betrifft das Suchmodul.

    «Leere» Suche im Such-Modul des Divi- Themes verhindern

    Dazu dient dieser Script-Code, den Sie dem <head>-Bereich Ihrer Website hinzufügen können – im Backend unter Divi/Theme-Optionen/Integration:

    <script>
    jQuery(
    function($){
    $('.et_pb_search .et_pb_s').prop('required',true);
    }
    );
    </script>

    Beide Codes geben bei einer «leeren» Suche den nebenstehenden Hinweis aus:

    Übrigens: Falls Sie sowohl die Suche des Standard-Headers als auch ein Such-Modul verwenden, können Sie auch beide Codeblöcke in den <head>-Bereich Ihrer Website kopieren.

    Werbung

    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This