Posso forzare l'accettazione dei termini prima di visualizzare o caricare file?

Un utente ha richiesto una funzione che spingerebbe il visitatore del sito Web a spuntare una casella per accettare i termini di servizio e l'informativa sulla privacy prima di consentire il caricamento di un file.

È necessario selezionare questa casella prima di poter caricare un file.

Vai avanti, controllalo.

Carica file


Elaborazione del caricamento

Limite file: 3 file
Limite dimensioni: 100 MB per file.
Tipi consentiti: aiff, doc, docx, gif, jpg, jpeg, mp3, mp4, mov, pdf, png, tif, tiff, zip
Trascina qui i file o usa il pulsante Sfoglia.

Se ti senti a tuo agio nel fare un po 'di codifica, questo può essere ottenuto con un semplice Javascript aggiunto al tuo tema e HTML nel contenuto della pagina. Ecco come:

Contenuto della pagina

Posizionare un blocco HTML sopra lo shortcode Elenco file semplice. Questa è semplicemente una casella di controllo seguita dal tuo messaggio. Se lo desideri, puoi aggiungere un link al testo completo.

<p>
  <input id="myCheckToUpoad" type="checkbox" name="Checkbox" value="YES">Check this Box.
</p>

Javascript nel tuo tema

La chiave del codice sopra è il id="myCheckToUpoad". Il Javascript si aggancerà a questo e mostrerà o nasconderà l'uploader. Puoi anche usarlo per l'elenco dei file, o entrambi.

Individua il file functions.php del tuo tema corrente.

Aggiungi questo codice, quindi salva.

// Function to output Javascript in theme <head>
function myHead() { ?>

<script>
jQuery(document).ready(function() {

jQuery('#eeUploadForm').hide(); // Hide the form straight away
 
jQuery('#myCheckToUpoad').click(function() { // The box is clicked...

     // Either show or hide, depending if ticked or not       
     if (jQuery('#eeUploadForm').is(':visible')) { 

         jQuery('#eeUploadForm').slideUp(); // Hide

        } else {

             jQuery('#eeUploadForm').slideDown(); // Show
     }

    });

}); // END Ready Function

</script>

<?php }

// Hook into WordPress loading process
add_action('wp_head', 'myHead'); // Add to the page's <head>

Ci sono molti miglioramenti che potrebbero essere fatti in questo esempio, ma questo è praticamente tutto ciò che serve per iniziare.

Fammi sapere se hai bisogno di aiuto.

Lascia un tuo commento

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati dei tuoi commenti.