Nascondere campi vuoti nell'anteprima delle voci di WPForms

Vuoi nascondere i campi vuoti dall'anteprima delle voci in WPForms? Questo può aiutare a creare un'anteprima più pulita e mirata mostrando solo i campi che contengono dati.

In questo tutorial, ti mostreremo come utilizzare uno snippet di codice personalizzato per rimuovere i campi vuoti dall'anteprima delle voci in WPForms.

Aggiunta dello snippet di codice

Per nascondere i campi vuoti dall'anteprima delle voci, dovrai aggiungere uno snippet di codice personalizzato al tuo sito. Se hai bisogno di aiuto per aggiungere codice personalizzato, consulta il nostro tutorial su come aggiungere snippet di codice.

Aggiungi il seguente snippet di codice PHP al tuo sito:

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

Questo snippet utilizza il filtro wpforms_entry_preview_fields per modificare i campi visualizzati nell'anteprima delle voci. Il codice scorre tutti i campi nell'anteprima delle voci e per ogni campo, controlla se il 'valore' è vuoto. Se il valore di un campo è vuoto, rimuove (disattiva) quel campo dall'array. Al termine del ciclo, restituisce l'array modificato dei campi, che ora contiene solo i campi con valori.

E questo è tutto! Ora hai nascosto i campi vuoti dall'anteprima delle voci di WPForms. Questo crea un'anteprima più pulita e mirata che mostra solo i campi contenenti dati.

Vuoi saperne di più sulla personalizzazione dell'anteprima delle voci in WPForms? Dai un'occhiata al nostro tutorial su come mostrare i campi dell'anteprima delle voci in WPForms.