Volete personalizzare il testo che appare quando non viene trovato alcun risultato in un campo dropdown moderno? Con un semplice snippet di codice, è possibile modificare il messaggio predefinito Nessun risultato trovato e renderlo traducibile per i siti multilingue. Questa funzione è particolarmente utile per migliorare l'esperienza dell'utente, fornendo un feedback più contestuale quando i risultati della ricerca sono vuoti.
Per impostazione predefinita, i visitatori vedranno il messaggio Nessun risultato trovato quando la loro ricerca non produce alcun risultato nel vostro menu a tendina.
In questo tutorial, forniremo il codice PHP necessario per modificare questo testo e vi guideremo attraverso ogni passaggio.
Impostazione del modulo
Per prima cosa, creeremo un nuovo modulo e aggiungeremo i nostri campi del modulo, che includeranno almeno un campo a discesa.
Una volta aggiunto il campo del modulo a discesa al modulo, fare clic sulla scheda Avanzate e selezionare Moderno dal menu a tendina Stile.
Personalizzazione del testo di assenza di risultati
Per modificare il messaggio predefinito, aggiungete questo codice al vostro sito. Se non sapete come aggiungere codice personalizzato, consultate la nostra guida su come aggiungere snippet di codice.
Questo frammento sarà applicato solo al form ID 1369 e cambierà il messaggio predefinito noResultsText, sostituendolo con quello che abbiamo aggiunto.
Se avete bisogno di aiuto per trovare l'ID del modulo, consultate la nostra guida su come trovare gli ID dei moduli e dei campi.
Personalizzazione del testo di assenza di risultati e di selezione
Allo stesso tempo, è possibile personalizzare il testo "Premere per selezionare":
/**
* 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 );
E questo è tutto ciò di cui avete bisogno! Ora, invece di vedere Nessun risultato trovato, gli utenti vedranno il vostro messaggio personalizzato.
Poi, volete mostrare tutti i campi del modulo compilato all'interno del messaggio di conferma? Date un'occhiata al nostro tutorial su Come mostrare tutti i campi nel messaggio di conferma.