Ocultação de campos vazios na visualização de entrada do WPForms

Você gostaria de ocultar os 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 snippet de código personalizado para remover campos vazios da Visualização de entrada no WPForms.

Adição do snippet 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 como 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 );

Esse snippet usa o wpforms_entry_preview_fields para modificar os campos exibidos na visualização de entrada. O código percorre todos os campos da Visualização de entrada e, para cada campo, verifica se o "valor" está vazio. Se o valor de um campo estiver vazio, ele remove (anula a definição) esse campo da matriz. Após a conclusão do loop, ele retorna a matriz de campos modificada, que agora contém apenas campos com valores.

E é isso! Agora você ocultou os campos vazios da 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 como mostrar campos de visualização de entrada no WPForms.