Riassunto AI
Descrizione
Il filtro wpforms_display_submit_spinner_src viene attivato solo se Abilita invio modulo AJAX è abilitato nelle impostazioni del modulo e il modulo viene inviato.
Parametri
- $src
- (string) La sorgente (URL) dell'immagine utilizzata per lo spinner
- $form_data
- (array) Impostazioni/dati del modulo elaborati, preparati per essere utilizzati in seguito.
Origine
wpforms/src/Frontend/Frontend.php
Maggiori Informazioni
Il filtro wpforms_display_submit_spinner_src può essere utilizzato per modificare l'icona/immagine che viene mostrata mentre il modulo viene inviato quando AJAX è abilitato nelle impostazioni del modulo.

Esempio
Questo esempio modificherebbe la sorgente dello spinner per tutti i moduli.
/**
* Filter for changing the spinning loader icon shown as the form is submitted.
*
* @link https://wpforms.com/developers/wpforms_display_submit_spinner_src/
*
* @param string $src Source of the image used for the spinner.
* @param array $form_data Processed form settings/data, prepared to be used later.
*
* @return string
*/
function custom_wpforms_display_submit_spinner_src( $src ) {
return 'https://yoursite.com/your-image.svg';
}
add_filter( 'wpforms_display_submit_spinner_src', 'custom_wpforms_display_submit_spinner_src', 10, 2 );
In questo esempio, stiamo prendendo di mira un modulo specifico. L'ID del modulo 42
/**
* Filter for changing the spinning loader icon shown as the form is submitted for a specific form.
*
* @link https://wpforms.com/developers/wpforms_display_submit_spinner_src/
*
* @param string $src Source of the image used for the spinner.
* @param array $form_data Processed form settings/data, prepared to be used later.
*
* @return string
*/
function custom_wpforms_display_submit_spinner_src( $src, $form_data ) {
if ( $form_data[ 'id' ] === '42' ) {
$src = 'https://yoursite.com/your-image.svg';
}
return $src;
}
add_filter( 'wpforms_display_submit_spinner_src', 'custom_wpforms_display_submit_spinner_src', 10, 2 );
La dimensione consigliata dell'immagine è 26×26. In alternativa, puoi usare il CSS per definire la dimensione prendendo di mira la classe CSS .wpforms-submit-spinner, ma qualsiasi CSS aggiunto richiederebbe l'uso di !important per sovrascrivere lo stile inline predefinito.
Correlati
Riferimento articolo: Come cambiare l'icona del pre-loader all'invio