Beschreibung

Die wpforms_display_submit_spinner_src Filter wird nur ausgelöst, wenn AJAX-Formularübermittlung aktivieren in den Formulareinstellungen aktiviert ist und das Formular abgeschickt wird.

Parameter

$src
(string) Die Quelle (URL) des für den Spinner verwendeten Bildes
$form_data
(Array) Verarbeitete Formulareinstellungen/Daten, die für die spätere Verwendung vorbereitet sind.

Quelle

wpforms/src/Frontend/Frontend.php

Mehr Informationen

Die wpforms_display_submit_spinner_src Filter kann verwendet werden, um das Symbol/Bild zu ändern, das beim Absenden des Formulars angezeigt wird, wenn AJAX in den Formulareinstellungen aktiviert ist.

Aktivieren oder deaktivieren Sie AJAX auf der Registerkarte Allgemein des Einstellungsbildschirms des Formularerstellers

Beispiel

Dieses Beispiel würde die Spinner-Quelle für alle Formulare ändern.

/**
 * 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 diesem Beispiel zielen wir auf ein bestimmtes Formular ab. Die Formular-ID 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 );

Die empfohlene Bildgröße ist 26×26. Sie können alternativ CSS verwenden, um die Größe zu definieren und die .wpforms-submit-spinner CSS-Klasse, aber jedes hinzugefügte CSS würde die Verwendung von !important um das Standard-Inline-Styling zu überschreiben.

Artikel-Referenz: Ändern des Pre-Loader-Symbols bei der Übermittlung