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
Ü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.