Leere Felder in der WPForms-Eingabevorschau ausblenden

Möchten Sie leere Felder aus der Eingabevorschau in WPForms ausblenden? Dies kann helfen, eine saubere, konzentrierte Vorschau zu erstellen, indem nur die Felder angezeigt werden, die Daten enthalten.

In diesem Tutorial zeigen wir Ihnen, wie Sie einen benutzerdefinierten Code-Snippet verwenden, um leere Felder aus der Eintragsvorschau in WPForms zu entfernen.

Hinzufügen des Codeschnipsels

Um leere Felder in der Eintragsvorschau auszublenden, müssen Sie einen benutzerdefinierten Code-Snippet zu Ihrer Website hinzufügen. Wenn Sie Hilfe beim Hinzufügen von benutzerdefiniertem Code benötigen, lesen Sie bitte unser Tutorial zum Hinzufügen von Code-Snippets.

Fügen Sie das folgende PHP-Codefragment in Ihre Website ein:

/**
 * Filter the entry preview fields to hide empty fields.
 *
 * @link https://wpforms.com/developers/hiding-empty-fields-in-wpforms-entry-preview
 *
 *
 * @param array $fields    The entry preview fields.
 * @param array $form_data Form data and settings.
 *
 * @return array The filtered entry preview fields.
 */
function wpf_hide_empty_entry_preview_fields( $fields, $form_data ) {
    foreach ( $fields as $field_id => $field ) {
        if ( empty( $field['value'] ) ) {
            unset($fields[$field_id]);
        }
    }
    return $fields;
}

// Add the filter to apply the custom function.
add_filter( 'wpforms_entry_preview_fields', 'wpf_hide_empty_entry_preview_fields', 10, 2 );

Dieses Snippet verwendet die wpforms_entry_preview_fields Filter, um die in der Eintragsvorschau angezeigten Felder zu ändern. Der Code durchläuft alle Felder in der Eintragsvorschau in einer Schleife und prüft für jedes Feld, ob der "Wert" leer ist. Wenn der Wert eines Feldes leer ist, wird das Feld aus dem Array entfernt (aufgehoben). Nach Abschluss der Schleife wird das geänderte Feld-Array zurückgegeben, das nun nur noch Felder mit Werten enthält.

Und das war's! Sie haben nun leere Felder aus Ihrer WPForms-Eingabevorschau ausgeblendet. Dies schafft eine sauberere, gezieltere Vorschau, die nur Felder mit Daten anzeigt.

Möchten Sie mehr über die Anpassung der Eintragsvorschau in WPForms erfahren? Sehen Sie sich unser Tutorial über die Anzeige von Eingabevorschau-Feldern in WPForms an.