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

    Dynamische Inhalte in Divi-Modulen publizieren

    Die Divi-Module können nicht nur eingegebene Texte anzeigen; wenn gewünscht bedienen sie sich auch in den weiteren Beitragsfeldern oder stellen Content aus Custom-Taxonomies des jeweiligen Beitrags dar. Die Anzeige dieser dynamischen Daten ...
    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This
    Überblick über den Datenschutz

    Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und dienen dazu, Sie wiederzuerkennen, wenn Sie auf unsere Website zurückkehren, und unserem Team zu helfen, zu verstehen, welche Bereiche der Website Sie am interessantesten und nützlichsten finden.