Cacher les champs vides dans l'aperçu d'entrée de WPForms

Souhaitez-vous cacher les champs vides de l'aperçu de l'entrée dans WPForms ? Cela peut aider à créer un aperçu plus propre et plus ciblé en ne montrant que les champs qui contiennent des données.

Dans ce tutoriel, nous allons vous montrer comment utiliser un extrait de code personnalisé pour supprimer les champs vides de l'aperçu de l'entrée dans WPForms.

Ajout de l'extrait de code

Pour masquer les champs vides dans l'aperçu de l'entrée, vous devez ajouter un extrait de code personnalisé à votre site. Si vous avez besoin d'aide pour ajouter un code personnalisé, veuillez consulter notre tutoriel sur l'ajout d'extraits de code.

Ajoutez l'extrait de code PHP suivant à votre site :

/**
 * 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 );

Cet extrait utilise la fonction wpforms_entry_preview_fields pour modifier les champs affichés dans l'aperçu de l'entrée. Le code passe en revue tous les champs de l'aperçu d'entrée et vérifie pour chacun d'eux si la valeur est vide. Si la valeur d'un champ est vide, il supprime ce champ du tableau (unsets). Une fois la boucle terminée, il renvoie le tableau de champs modifié, qui ne contient plus que des champs avec des valeurs.

Et c'est tout ! Vous avez maintenant caché les champs vides de votre aperçu d'entrée de WPForms. Cela crée un aperçu plus propre et plus ciblé qui ne montre que les champs contenant des données.

Vous souhaitez en savoir plus sur la personnalisation de l'aperçu d'entrée dans WPForms ? Consultez notre tutoriel sur l'affichage des champs d'aperçu d'entrée dans WPForms.