Ocultar Campos Vazios na Pré-visualização de Entradas do WPForms

Gostaria de ocultar campos vazios da Pré-visualização de Entradas no WPForms? Isto pode ajudar a criar uma pré-visualização mais limpa e focada, mostrando apenas os campos que contêm dados.

Neste tutorial, vamos mostrar como usar um trecho de código personalizado para remover campos vazios da Pré-visualização de Entradas no WPForms.

Adicionar o Excerto de Código

Para ocultar campos vazios da Pré-visualização de Entradas, terá de adicionar um trecho de código personalizado ao seu site. Se precisar de ajuda para adicionar código personalizado, consulte o nosso tutorial sobre adicionar 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 utiliza o filtro wpforms_entry_preview_fields para modificar os campos apresentados na Pré-visualização de Entradas. O código percorre todos os campos na Pré-visualização de Entradas e, para cada campo, verifica se o 'valor' está vazio. Se o valor de um campo estiver vazio, remove (anula) esse campo do array. Após a conclusão do ciclo, retorna o array modificado de campos, que agora contém apenas campos com valores.

E é tudo! Agora ocultou campos vazios da sua Pré-visualização de Entradas do WPForms. Isto cria uma pré-visualização mais limpa e focada que mostra apenas os campos que contêm dados.

Gostaria de saber mais sobre como personalizar a Pré-visualização de Entradas no WPForms? Consulte o nosso tutorial sobre mostrar campos de pré-visualização de entradas no WPForms.