Ocultar campos vacíos en la vista previa de entradas de WPForms

¿Te gustaría ocultar los campos vacíos de la vista previa de entradas en WPForms? Esto puede ayudar a crear una vista previa más limpia y enfocada al mostrar solo los campos que contienen datos.

En este tutorial, te mostraremos cómo usar un fragmento de código personalizado para eliminar los campos vacíos de la vista previa de entradas en WPForms.

Añadir el fragmento de código

Para ocultar los campos vacíos de la vista previa de entradas, necesitarás añadir un fragmento de código personalizado a tu sitio. Si necesitas ayuda para añadir código personalizado, consulta nuestro tutorial sobre cómo añadir fragmentos de código.

Añade el siguiente fragmento de código PHP a tu sitio:

/**
 * 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 fragmento utiliza el filtro wpforms_entry_preview_fields para modificar los campos que se muestran en la vista previa de entradas. El código recorre todos los campos de la vista previa de entradas y, para cada campo, comprueba si el 'valor' está vacío. Si el valor de un campo está vacío, elimina (desestablece) ese campo de la matriz. Una vez completado el bucle, devuelve la matriz modificada de campos, que ahora solo contiene los campos con valores.

¡Y eso es todo! Ahora has ocultado los campos vacíos de la vista previa de entradas de WPForms. Esto crea una vista previa más limpia y enfocada que solo muestra los campos que contienen datos.

¿Te gustaría aprender más sobre cómo personalizar la vista previa de entradas en WPForms? Consulta nuestro tutorial sobre cómo mostrar campos de vista previa de entradas en WPForms.