Support

Account

Home Forums Add-ons Gallery Field Add download link to input in gallery field (backend)

Solved

Add download link to input in gallery field (backend)

    • feyfey

    • December 29, 2018 at 7:28 am

    Hi all,

    I use gallery field to store multiple file type, never used in frontend because it’s an admin working area. If someone put a picture in the field everything is fine because I can directly see the picture, but if it’s another file type I have to clik on the modify button to get the file link and copy it in my browser to read it.

    So, I want to add directly in the acf gallery field in the aside attachement data, near the modify and delete links, a download link.

    Does Someone know how I can edit this field parts ? And add the link by getting the href of the current attachement ?

    I don’t find how to add the html in this specific area.

    Thanks,

    • feyfey

    • August 4, 2019 at 5:31 am

    I solved the tropic by myself (and with the Help of John based on another tropics), so if someone had the same issue :

    // Add a AJAX action to get attachement URL by ID in JS
    add_action( 'wp_ajax_get_media_url', 'get_media_url' );
    add_action( 'wp_ajax_nopriv_get_media_url', 'get_media_url' );
    function get_media_url() {
    	if ( isset( $_POST['att_id'] )) {
    		$attachement_id = $_POST['att_id'];
    		$attachement_url = wp_get_attachment_url( $attachement_id );
    		echo $attachement_url;
    	} else  {
    		echo '#';
    	}
    	wp_die();
    }
    // JS to add the download link
    function acf_gallery_download_link() {
    	if ( !is_admin() ) { return; }?>
    	<script type='text/javascript'>
    			( function ( $ ) { $( document ).ready( function () {
    				// Add download link to attachement on hover
    				$('.acf-gallery-attachment').each(function(i, item){			
    					var attachement_id = $(this).attr("data-id");
    					var data = {
    					     'action': 'get_media_url',
    					     'att_id': attachement_id,
    					};
    					$.post(ajaxurl, data, function(response){
    						var attachement_url = response;
    						$(item).children(".actions").children(".acf-gallery-remove").before('<a class="acf-icon -see dark" href="'+ attachement_url +'" target="_blank" data-id="'+attachement_id+'" title="Toto">Toto</a>');					
    					});				
    				});
    				// Add download link to gallery side data
    				acf.addAction('append', function( $el ){
    					var attachement_id = $el.find(".actions").children(".acf-gallery-edit").attr("data-id");
    					var data = {
    						'action': 'get_media_url',
    						'att_id': attachement_id,
    					};
    					$.post(ajaxurl, data, function(response){
    					     var attachement_url = response;
    					     $el.find(".actions").children(".acf-gallery-edit").before('<a href="'+ attachement_url +'" target="_blank" class="acf-gallery-see" data-id="'+attachement_id+'">See</a>');					
    					});		
    				});
    			});
    		}( jQuery ) );
    	</script>
    <?php}
    add_action( 'admin_footer', 'acf_gallery_download_link' );
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Cookie Policy. If you continue to use this site, you consent to our use of cookies.