Möchten Sie den Text anpassen, der angezeigt wird, wenn in einem Modern Dropdown-Feld keine Ergebnisse gefunden werden? Mit einem einfachen Code-Snippet können Sie die Standardmeldung "Keine Ergebnisse gefunden" ändern und sie für mehrsprachige Websites übersetzbar machen. Diese Funktion ist besonders nützlich, um die Benutzerfreundlichkeit zu verbessern, indem mehr kontextbezogenes Feedback gegeben wird, wenn die Suchergebnisse leer sind.
Standardmäßig sehen Besucher die Meldung Keine Ergebnisse gefunden, wenn ihre Suche keine Ergebnisse in Ihrer Dropdown-Liste ergibt.
In diesem Tutorial stellen wir Ihnen den PHP-Code zur Verfügung, den Sie benötigen, um diesen Text zu ändern, und führen Sie durch die einzelnen Schritte.
Einrichten Ihres Formulars
Zunächst erstellen wir ein neues Formular und fügen unsere Formularfelder hinzu, die mindestens ein Dropdown-Feld enthalten.
Nachdem Sie das Dropdown-Formularfeld zu Ihrem Formular hinzugefügt haben, klicken Sie auf die Registerkarte Erweitert und wählen Sie Modern aus der Dropdown-Liste Stil.
Anpassen des Textes "Keine Ergebnisse
Um die Standardmeldung zu ändern, fügen Sie diesen Code zu Ihrer Website hinzu. Wenn Sie nicht sicher sind, wie Sie benutzerdefinierten Code hinzufügen können, lesen Sie bitte unsere Anleitung zum Hinzufügen von Code-Snippets.
Dieses Snippet wird nur auf die Formular-ID 1369 angewendet und ändert die Standardmeldung noResultsText und ersetzt sie durch das, was wir hinzugefügt haben.
Wenn Sie Hilfe bei der Suche nach Ihrer Formular-ID benötigen, lesen Sie unseren Leitfaden zur Ermittlung von Formular- und Feld-IDs.
Anpassen von Kein Ergebnis und Auswahltext
Gleichzeitig können Sie auch den Hover-Text "Zum Auswählen drücken" anpassen:
/**
* Change both No Results Found and Press to select text
*
* @link https://wpforms.com/developers/how-to-change-the-no-results-found-text-in-the-modern-dropdown/
*/
function wpf_dev_change_modern_dropdown_noresults_text( $config, $forms ) {
// Change 1369 to an ID of your actual form
if ( array_key_exists( 1369, $forms ) ) {
$config[ 'noResultsText' ] = __( 'Apologies, your search term was not found', 'your-text-domain' );
$config[ 'itemSelectText' ] = __( 'Choose this option.', 'your-text-domain' );
}
return $config;
}
add_filter( 'wpforms_field_select_choicesjs_config', 'wpf_dev_change_modern_dropdown_noresults_text', 10, 2 );
Und das ist alles, was Sie brauchen! Anstatt " Keine Ergebnisse gefunden" zu sehen, sehen die Nutzer nun Ihre persönliche Nachricht.
Möchten Sie als nächstes alle ausgefüllten Formularfelder in Ihrer Bestätigungsnachricht anzeigen? Werfen Sie einen Blick auf unser Tutorial über die Anzeige aller Felder in Ihrer Bestätigungsnachricht.