Description

Le wpforms_display_submit_spinner_src Le filtre n'est déclenché que si Activer la soumission de formulaire AJAX est activée dans les paramètres du formulaire et le formulaire est soumis.

Paramètres

$src
(chaîne) La source (URL) de l'image utilisée pour le spinner
$form_data
(tableau) Paramètres/données de formulaire traités, préparés pour être utilisés ultérieurement.

Source

wpforms/src/Frontend/Frontend.php

Plus d'informations

Le wpforms_display_submit_spinner_src peut être utilisé pour modifier l'icône/l'image qui s'affiche lors de la soumission du formulaire lorsque AJAX est activé dans les paramètres du formulaire.

Activer ou désactiver AJAX dans l'onglet Général de l'écran Paramètres du générateur de formulaires.

Exemple

Cet exemple modifie la source de l'indicateur pour tous les formulaires.

/**
 * 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 );

Dans cet exemple, nous ciblons un formulaire spécifique. L'ID du formulaire 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 taille d'image recommandée est de 26×26. Vous pouvez également utiliser le langage CSS pour définir la taille en ciblant la balise .wpforms-submit-spinner mais tout ajout de CSS nécessiterait l'utilisation de la classe !important pour écraser la mise en forme en ligne par défaut.

Référence de l'article : Comment modifier l'icône de préchargement lors de la soumission