Descrizione

Il wpforms_display_submit_spinner_src viene attivato solo se Abilitare l'invio di moduli AJAX è abilitato nelle impostazioni del modulo e il modulo viene inviato.

Parametri

$src
(stringa) La fonte (URL) dell'immagine utilizzata per lo spinner
$form_data
(array) Impostazioni/dati del modulo elaborati, preparati per essere utilizzati in seguito.

Fonte

wpforms/src/Frontend/Frontend.php

Ulteriori informazioni

Il wpforms_display_submit_spinner_src può essere usato per cambiare l'icona/immagine che viene mostrata durante l'invio del modulo quando AJAX è abilitato nelle impostazioni del modulo.

Abilitare o disabilitare AJAX nella scheda Generale della schermata Impostazioni del costruttore di moduli.

Esempio

Questo esempio modifica l'origine 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, ci rivolgiamo a 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 dell'immagine consigliata è 26×26. In alternativa, è possibile utilizzare i CSS per definire le dimensioni dell'immagine. .wpforms-submit-spinner ma qualsiasi CSS aggiunto dovrà essere utilizzato con la classe !important per sovrascrivere lo stile in linea predefinito.

Riferimento all'articolo: Come cambiare l'icona del pre-caricamento in Submit