Achtung!

Dieser Artikel enthält PHP-Code und richtet sich an Entwickler. Wir stellen diesen Code als Service zur Verfügung, bieten jedoch keine Unterstützung für Codeanpassungen oder die Entwicklung durch Dritte.

Für zusätzliche Hilfe siehe das Tutorial von WPBeginner zum Hinzufügen von benutzerdefiniertem Code.

Schließen

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.

AJAX im Tab Allgemein des Einstellungsbildschirms des Formular-Builders aktivieren oder deaktivieren

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.

Artikelreferenz: So ändern Sie das Pre-Loader-Symbol bei der Übermittlung