Ocultando Campos Vazios na Visualização de Entradas do WPForms

Você gostaria de ocultar campos vazios da Visualização de Entrada no WPForms? Isso pode ajudar a criar uma visualização mais limpa e focada, mostrando apenas os campos que contêm dados.

Neste tutorial, mostraremos como usar um trecho de código personalizado para remover campos vazios da Visualização de Entrada no WPForms.

Adicionando o Trecho de Código

Para ocultar campos vazios da Visualização de Entrada, você precisará adicionar um trecho de código personalizado ao seu site. Se precisar de ajuda para adicionar código personalizado, consulte nosso tutorial sobre adição de trechos de código.

Adicione o seguinte trecho de código PHP ao seu 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 );

Este trecho usa o filtro wpforms_entry_preview_fields para modificar os campos exibidos na Visualização de Entrada. O código percorre todos os campos na Visualização de Entrada e, para cada campo, verifica se o 'valor' está vazio. Se o valor de um campo estiver vazio, ele remove (desativa) esse campo da matriz. Após o término do loop, ele retorna a matriz modificada de campos, que agora contém apenas campos com valores.

E é isso! Você ocultou campos vazios da sua Visualização de Entrada do WPForms. Isso cria uma visualização mais limpa e focada que mostra apenas os campos que contêm dados.

Gostaria de saber mais sobre como personalizar a Visualização de Entrada no WPForms? Confira nosso tutorial sobre exibição de campos de visualização de entrada no WPForms.