Puis-je forcer l'acceptation des conditions avant d'afficher ou de télécharger des fichiers?

Parfois, il peut être utile de demander au visiteur du site Web de cocher une case pour accepter les conditions avant d'autoriser le téléchargement d'un fichier.

Vous devez cocher cette case avant de pouvoir télécharger un fichier.

Allez-y, vérifiez-le.

Téléverser des fichiers

Traitement du téléchargement

Limite de fichiers: 3 fichiers
Limite de taille: 100 Mo par fichier.
Types autorisés : aiff, doc, docx, gif, jpg, jpeg, mp3, mp4, mov, pdf, png, tif, tiff, zip
Glissez-déposez les fichiers ici ou utilisez le bouton Parcourir.

Si vous êtes à l'aise avec un peu de codage, cela peut être accompli avec du JavaScript simple ajouté à votre thème et du HTML dans le contenu de la page. Voici comment:

Contenu de la page

Placez un bloc HTML au-dessus du shortcode de la liste de fichiers simple. Il s'agit simplement d'une case à cocher suivie de votre message. Vous pouvez ajouter un lien vers le texte intégral si vous le souhaitez.

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

JavaScript dans votre thème

La clé du code ci-dessus est le id="myCheckToUpoad". Le JavaScript s'y connectera et affichera ou masquera le formulaire de téléchargement. Vous pouvez également l'utiliser pour la liste des fichiers, ou les deux.

Localisez vos thèmes actuels functions.php fichier.

Ajoutez ce code, puis enregistrez.

// Function to output JavaScript in theme <head>

function myHeadHurts() { ?>

<script>

jQuery(document).ready(function() {

	jQuery('#eeSFL_UploadForm').hide(); // Hide the form straight away
	 
	jQuery('#myCheckToUpload').on('click', function() { // The box is clicked...
	
	     // Either show or hide, depending if ticked or not       
	     if (jQuery('#eeSFL_UploadForm').is(':visible')) { 
	
	         jQuery('#eeSFL_UploadForm').slideUp(); // Hide
	
	        } else {
	
	             jQuery('#eeSFL_UploadForm').slideDown(); // Show
	     }
	
	});

}); // END Ready Function

</script>

<?php }

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

Il existe de nombreuses améliorations qui pourraient être apportées à cet exemple, mais c'est essentiellement tout ce dont vous avez besoin pour commencer.

Dis-moi si tu as besoin d'aide.

Laisser un commentaire

Ce site utilise Akismet pour réduire les spams. Découvrez comment sont traitées les données de vos commentaires..