Volete nascondere i campi vuoti dall'anteprima di inserimento in WPForms? Questo può aiutare a creare un'anteprima più pulita e mirata, mostrando solo i campi che contengono dati.
In questo tutorial vi mostreremo come utilizzare uno snippet di codice personalizzato per rimuovere i campi vuoti dall'Anteprima di inserimento in WPForms.
Aggiunta dello snippet di codice
Per nascondere i campi vuoti dall'Anteprima di inserimento, è necessario aggiungere uno snippet di codice personalizzato al sito. Se avete bisogno di aiuto per aggiungere codice personalizzato, consultate il nostro tutorial sull'aggiunta di snippet di codice.
Aggiungete il seguente frammento di codice PHP al vostro 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 frammento utilizza il metodo wpforms_entry_preview_fields per modificare i campi visualizzati nell'anteprima della voce. Il codice scorre tutti i campi dell'Anteprima di iscrizione e per ogni campo controlla se il 'valore' è vuoto. Se il valore di un campo è vuoto, lo si rimuove (unset) dall'array. Al termine del ciclo, viene restituito l'array di campi modificato, che ora contiene solo campi con valori.
Ed ecco fatto! Ora avete nascosto i campi vuoti dall'anteprima di inserimento di WPForms. Questo crea un'anteprima più pulita e mirata, che mostra solo i campi contenenti dati.
Volete saperne di più sulla personalizzazione dell'anteprima di inserimento in WPForms? Consultate il nostro tutorial su come mostrare i campi dell'anteprima di inserimento in WPForms.