KI-Zusammenfassung
Beschreibung
Der wpforms_display_submit_spinner_src Filter wird nur ausgelöst, wenn AJAX-Formularübermittlung aktivieren in den Formulareinstellungen aktiviert ist und das Formular übermittelt wird.
Parameter
- $src
- (string) Die Quelle (URL) des Bildes, das für den Spinner verwendet wird
- $form_data
- (array) Verarbeitete Formulareinstellungen/Daten, die zur späteren Verwendung vorbereitet sind.
Quelle
wpforms/src/Frontend/Frontend.php
Weitere Informationen
Der wpforms_display_submit_spinner_src Filter kann verwendet werden, um das Symbol/Bild zu ändern, das beim Übermitteln des Formulars angezeigt wird, wenn AJAX in den Formulareinstellungen aktiviert ist.

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 beträgt 26×26. Sie können alternativ CSS verwenden, um die Größe zu definieren, indem Sie die CSS-Klasse .wpforms-submit-spinner ansprechen. Jedes hinzugefügte CSS muss jedoch !important verwenden, um die standardmäßige Inline-Formatierung zu überschreiben.
Verwandt
Artikelreferenz: So ändern Sie das Pre-Loader-Symbol bei der Übermittlung