Riassunto AI
Vuoi personalizzare il testo che appare quando non vengono trovati risultati in un campo Dropdown Moderno? Con un semplice snippet di codice, puoi modificare il messaggio predefinito Nessun risultato trovato e renderlo traducibile per siti multilingua. Questa funzionalità è particolarmente utile per migliorare l'esperienza 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 risultati nel tuo menu a discesa.
In questo tutorial, forniremo il codice PHP necessario per modificare questo testo e ti guideremo attraverso ogni passaggio.
Configurazione del tuo modulo
Innanzitutto, creeremo un nuovo modulo e aggiungeremo i nostri campi modulo che includeranno almeno un campo Dropdown.
Una volta aggiunto il campo modulo Dropdown al tuo modulo, fai clic sulla scheda Avanzate e seleziona Moderno dal menu a discesa Stile.
Personalizzazione del testo Nessun Risultato
Per modificare il messaggio predefinito, aggiungi questo codice al tuo sito. Se non sei sicuro di come aggiungere codice personalizzato, consulta la nostra guida su come aggiungere snippet di codice.
Questo snippet verrà applicato solo all'ID modulo 1369 e modificherà il messaggio predefinito noResultsText sostituendolo con quello che abbiamo aggiunto.
Se hai bisogno di aiuto per trovare l'ID del tuo modulo, consulta la nostra guida su come trovare gli ID dei moduli e dei campi.
Personalizzazione del testo Nessun Risultato e Selezione
Puoi anche personalizzare contemporaneamente il testo hover "Premi 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 hai bisogno! Ora, invece di vedere Nessun risultato trovato, gli utenti vedranno il tuo messaggio personalizzato.
Successivamente, vuoi mostrare tutti i campi del modulo completati nel tuo messaggio di conferma? Dai un'occhiata al nostro tutorial su Come mostrare tutti i campi nel tuo messaggio di conferma.