Attention !

Cet article contient du code PHP et est destiné aux développeurs. Nous fournissons ce code à titre de courtoisie, mais nous n'offrons pas de support pour les personnalisations de code ou le développement tiers.

Pour obtenir de l'aide supplémentaire, veuillez consulter le tutoriel de WPBeginner sur l'ajout de code personnalisé.

Ignorer

Description

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

Paramètres

$src
(string) La source (URL) de l'image utilisée pour le spinner
$form_data
(tableau) Paramètres/données du formulaire traités, préparés pour une utilisation ultérieure.

Source

wpforms/src/Frontend/Frontend.php

Plus d'informations

Le filtre wpforms_display_submit_spinner_src peut être utilisé pour changer l'icône/l'image affichée pendant la soumission du formulaire lorsque l'AJAX est activé dans les paramètres du formulaire.

Activer ou désactiver l'AJAX dans l'onglet Général de l'écran des paramètres du constructeur de formulaires

Exemple

Cet exemple changerait la source du spinner 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 alternativement utiliser du CSS pour définir la taille en ciblant la classe CSS .wpforms-submit-spinner, mais tout CSS ajouté nécessiterait l'utilisation de !important pour remplacer le style en ligne par défaut.

Référence d'article : Comment changer l'icône du pré-chargeur lors de la soumission