Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #916840

    Hi,
    On the first page of my site (HOME) I added some pictures in the gallery and I would like to add a small description, for example the common name of the animal, scientific name or something like that.
    is it possible and if yes how is it done?
    Best regards,
    T.

    #917087

    Hey Tonci-M,

    If you’re using fullscreen slider, you can add captions like this
    Image 2018-02-24 at 19.48.47.png

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #917581

    Hi Victoria,
    And where can I find Full screen slider; Edit form element ???
    Best,
    T.

    #917661

    Hi,

    Open the element option by hovering over the element in the builder and then click the pen+paper icon. You can then edit each slide by clicking on its respective image.

    Best regards,
    Rikard

    #917809

    Hi Rikard,
    Can you be more precise? Where can I find Element?
    You must know that the writings are in Italian and are different from English
    Best,
    T.

    #917981

    Hi,

    Depends the element you want to edit.
    Example if you want to edit an Icon Element, then you edit that, when you have the page you want open with ALB activated :)

    Let us know if that covers your idea.

    Best regards,
    Basilis

    #918072

    What is ALB??????
    Guys you should try to be clearer, if I look for your help, and like me many others, because we are not web masters …
    If you read the first post of the thread you will understand what I want to change
    I must admit that I’m getting tired of this thing………

    #918266

    Hi,

    We apologize for that, ALB stands for Avia Layout Builder, this is the editor you are using (and provided by Enfold) instead of using the WordPress’ Default Editor. You can see it here in the screenshot: https://imgur.com/a/q9pTN

    The elements Rikard is referring to are the things inside the Content Elements/Layout Elements/Media Elements that you usually drag and drop on the content, you should see it below the 2nd rectangle I have marked in the screenshot. And the 3rd rectangle/square I have marked on the screenshot is the edit icon (pen+paper icon that Rikard said), which you can see upon hovering your mouse above an element. Hope it’s clear :) if you have questions are things that are unclear to you, just let us know and we will be happy to answer it.

    Best regards,
    Nikko

    #918275

    Hi Nikko,
    I think it’s getting a bit confusing …
    You all insist on the Enfold theme while I’m using the Flashlight theme
    Two themes have the same interface ???
    There is no ALB here …
    When I go to the Pages what opens is completely different from the screen shot that you have attached
    When I open pages at the top I see this:
    This theme recommends the following plugin: WooCommerce – eCommerce Shop plugin.
    Begin installing plugin | Dismiss this notice
    Maybe I should install something of this?
    Let me know something.
    Best,
    T.

    #918324

    Hi,

    I apologize for that, your site looks like this Enfold demo: https://kriesi.at/themes/enfold-photography/ also no need to install woocommerce if you aren’t selling anything.
    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    #918346

    Hi Nikko,
    I did as you told me, see what you can do.
    Best,
    T.

    #918386

    Hi,

    I have checked your site, however the part where the Caption Title and Caption Text shows is on the slider thumbnail which only shows up when you hide the sidebar & content. Can you also give us ftp access, and we’ll try to add the caption title and text to the slider.

    Best regards,
    Nikko

    #918391

    OK, try this
    Best,
    T.

    #918452

    Hi,

    Thanks for giving us the cpanel access, I have modified helper-slideshow.php located in flashlight > includes folder:

    <?php
    
    
    class avia_gallery_slider{
    	
    	var $post_id;
    	var $default_image;
    	var $image_url_array = array();
    	var $image_thumb_url_array = array();
    	var $slideHtml = "";
    	var $settings = array();
    	
    	//init the background slider
    	function __construct($post_id = false)
    	{	
    		if(!$post_id)
    		{
    			$this->post_id = avia_get_the_ID();
    		}
    		else
    		{
    			$this->post_id = $post_id;
    		}
    		
    		
    		if(avia_is_overview())
    		{
    			$settings['gallery_layout'] = "bg_gallery";
    			$settings['autorotate'] = avia_get_option('slideshow_duration');
    			$settings['overlay'] = avia_get_option('gallery_overlay');
    			$settings['gallery_tooltips'] = avia_get_option('gallery_tooltips');
    			$settings['gallery_controlls'] = 'hide';
    			$settings['transition'] = avia_get_option('gallery_transition');
    			$settings['cropping'] = avia_get_option('gallery_cropping');
    			$settings['instant_gallery'] = "";
    			
    			if(!$settings['gallery_tooltips']) $settings['gallery_tooltips'] = 'all';
    		}
    		else
    		{
    				
    			//set layout and gallery style
    			$settings['layout'] = avia_post_meta($this->post_id, 'entry_layout');
    			$settings['gallery_layout'] = avia_post_meta($this->post_id, 'gallery_layout');
    			
    			if($settings['layout'] == 'no_content_display bg_gallery')
    			{
    				$settings['gallery_layout'] = "bg_gallery";
    			}
    			
    			//set autorotation
    			$settings['transition'] = avia_post_meta($this->post_id, 'gallery_transition');
    			if($settings['transition'] == '')
    			{
    				$settings['transition'] = avia_get_option('gallery_transition');
    				if(!$settings['transition']) $settings['transition'] == 'fade';
    			}
    			
    			//set cropping
    			$settings['cropping'] = avia_post_meta($this->post_id, 'gallery_cropping');
    			if($settings['cropping'] == '')
    			{
    				$settings['cropping'] = avia_get_option('gallery_cropping');
    			}
    			
    			//set transition
    			$settings['autorotate'] = avia_post_meta($this->post_id, 'slideshow_duration');
    			if($settings['autorotate'] == '')
    			{
    				$settings['autorotate'] = avia_get_option('slideshow_duration');
    			}
    			
    			//set overlay
    			$settings['overlay'] = avia_post_meta($this->post_id, 'gallery_overlay');
    			if($settings['overlay'] == '')
    			{
    				$settings['overlay'] = avia_get_option('gallery_overlay');
    			}
    			
    			//set slidecontrolls display
    			$settings['gallery_controlls'] = 'hide';
    			if(!avia_is_overview())
    			{
    				$settings['gallery_controlls'] = avia_post_meta($this->post_id, 'gallery_controlls');
    				if(!$settings['gallery_controlls']) $settings['gallery_controlls'] == 'show';
    			}
    			
    			//set tooltips
    			$settings['gallery_tooltips'] = avia_post_meta($this->post_id, 'gallery_tooltips');
    			if($settings['gallery_tooltips'] == '')
    			{
    				$settings['gallery_tooltips'] = avia_get_option('gallery_tooltips');
    				if(!$settings['gallery_tooltips']) $settings['gallery_tooltips'] ='all';
    			}
    			
    			//set tooltips
    			$settings['instant_gallery'] = avia_post_meta($this->post_id, 'instant_gallery');
    			
    			
    			if(!avia_post_meta($this->post_id, 'bg_gallery_use_default') || $settings['gallery_layout'] == 'bg_gallery')
    			{
    				if(!post_password_required())
    					{
    					//get the unique id so we know which gallery to retrieve
    					//$unqiue_id = avia_post_meta($this->post_id, 'gallery_image');
    
                        //$this->retrieve_post_images($unqiue_id);
    					$this->retrieve_post_images($this->post_id);
    					}
    				}
    		}
    		
    		if(post_password_required())
    		{
    			$settings['instant_gallery'] = "";
    		}
    		
    		
    		//then try to retrieve the fallback gallery
    		if(empty($this->image_url_array[0])) $this->retrieve_post_images();
    		
    		//if we got no images use the default image
    		if(empty($this->image_url_array[0]) && avia_get_option('bg_image_repeat') == 'fullscreen') $this->image_url_array[0] = avia_get_option('bg_image');
    		
    		
    		//if the user cant controll the bg library and autorotation is deactivated we only need a single background image
    		if($settings['gallery_controlls'] == 'hide' && $settings['autorotate'] == 'false')
    		{
    			if(!empty($this->image_url_array[1]))
    			{
    				$temp = $this->image_url_array[0];
    				unset($this->image_url_array);
    				$this->image_url_array[0] = $temp;
    			}
    		}
    				
    		$this->settings = $settings;
    	}
    	
    	//gets the hidden post of type avia_framework_post that is used to store uploads in a separate gallery
    	function retrieve_post_images($id = "", $size = "fullsize", $returnvalue = 'url')
    	{	
    		global $avia_config;
    		
    		if(!$id)
    		{
    			$attachment_holder = avia_get_post_by_title( "avia_smart-default-gallery");
    		}
    		else
    		{
    			$attachments = avia_post_meta($this->post_id, 'slideshow');
    		}
    		
    		if(empty($attachments) && empty($attachment_holder))
    		{	
    			$attachment_holder = avia_get_post_by_title( "avia_smart-gallery-of-post-".$id);
    		}
    		
    		
    		if(!empty($attachment_holder['ID'])){
    			
    			$attachments = get_children(array('post_parent' => $attachment_holder['ID'],
    	                        'post_status' => 'inherit',
    	                        'post_type' => 'attachment',
    	                        'post_mime_type' => 'image',
    	                        'order' => 'ASC',
    	                        'orderby' => 'menu_order ID'));
    		}
    
    
    		if(!empty($attachments))
    		{
    			foreach($attachments as $key => $attachment) 
    			{
    				if(is_array($attachment))
    				{
    					$att_id = $attachment['slideshow_image'];
    					$this->image_meta_content[$att_id] = $attachment;
    				}
    				else
    				{
    					$att_id = $attachment->ID;
    				}
    			
    			
    				$this->image_url_array[] = avia_image_by_id($att_id, $avia_config['imgSize'][$size], $returnvalue);
    				$this->image_thumb_url_array[] = avia_image_by_id($att_id, $avia_config['imgSize']['widget'], 'url');
    				$this->image_id_array[] = $att_id;
    			}
    		}
    		
    	}
    	
    	function instant_gal()
    	{
    		return $this->settings['instant_gallery'];
    	}
    	
    	
    	//display the background gallery
    	function create_HTML()
    	{
    		$output = "";
    		
    		if(!empty($this->image_url_array[0]))
    		{
    			$controlls  = $this->settings['gallery_controlls'];
    			$autorotate = $this->settings['autorotate'];
    			$transition = $this->settings['transition'];
    			$cropping   = $this->settings['cropping'];
    			
    			$data = " data-autorotation ='false' ";
    
    			if($autorotate != 'false' && $autorotate != '')
    			{
    				$data  = " data-autorotationspeed ='$autorotate' ";
    				$data .= " data-autorotation ='true' ";
    			}
    			
    			if($controlls == 'hide')
    			{
    				$data .= " data-appendcontrolls='false'";
    			}
    			
    			if($cropping != "" && $cropping != "cropping")
    			{
    				$data .= " data-cropping='false'";
    			}
    			
    			$data .= " data-hide='".__('hide sidebar & content','avia_framework')."'";
    			$data .= " data-imagecounter='".__('Image -X- from -Y-','avia_framework')."'";
    			$data .= " data-transition ='$transition' ";
    			
    			
    			$output .= "<ul class='avia_fullscreen_slider $cropping' $data >";
    			
    			$image_id_array = $this->image_id_array;
    			
    			foreach($this->image_url_array as $url)
    			{
    				
    				$image_title = $this->image_meta_content[$image_id_array[0]]['slideshow_caption_title'];
    				$image_description = $this->image_meta_content[$image_id_array[0]]['slideshow_caption'];
    				array_shift( $image_id_array );
    				
    				$output .= "<li data-image='$url'><div class='avia-fs-caption'><div class='avia-fs-caption-inner'>";
    				if($image_title || $image_description )
    				{
    					if($image_title) $output .= "".$image_title."";
    					if($image_description) $output .= "<div class='description'>".$image_description."</div>";
    				}
    				$output .= "</div></div>";
    			}
    				
    			$output .= "<noscript><div id='fallbackImage' style='background-image:url($url)'></div></noscript>";
    		}
    		$this->slideHtml .= $output;
    	}
    	
    	function create_thumb_HTML()
    	{
    		$first = "active_thumb";
    		$output = "";
    		if(!empty($this->image_thumb_url_array[1]))
    		{
    		
    			$output .= "<div class='avia_fullscreen_slider_thumbs'>";
    			$output .= "<div class='border-transparent border-transparent-right'></div>";
    			$output .= "<div class='border-transparent border-transparent-top'></div>";
    			$output .= "";
    			$output .= "<div class='avia_fullscreen_slider_thumbs_inner'>";
    			$output .= "<div class='avia_fullscreen_slider_thumbs_outer_slide'>";
    			$output .= "<div class='avia_fullscreen_slider_thumbs_inner_slide'>";
    			
    			foreach($this->image_thumb_url_array as $key => $img)
    			{
    				$exif = $this->exif_container($this->image_id_array[$key], true);
    				$output .= "<div class='fullscreen_thumb $first'> $exif</div>";
    				$first = "";
    			}
    				
    			$output .= "</div></div></div></div>";
    		}
    		$this->slideHtml .= $output;
    	}
    	
    	function exif_container($id, $showmeta = true)
    	{
    		$output = "";
    		if($this->settings['gallery_tooltips'] == 'all' || $this->settings['gallery_tooltips'] == 'title')
    		{
    			
    			if($this->settings['gallery_tooltips'] == 'title') $showmeta = false;
    			$exif = avia_exif_data($id);
    			$meta = "";
    			
    			if(isset($this->image_meta_content[$id]))
    			{
    				if(isset($this->image_meta_content[$id]['slideshow_caption_title']))
    					$exif['title'][1] = $this->image_meta_content[$id]['slideshow_caption_title'];
    				
    				if(isset($this->image_meta_content[$id]['slideshow_caption']))
    					$exif['description'][1] = $this->image_meta_content[$id]['slideshow_caption'];
    				
    				if(empty($exif['title'][1])) $exif['title'] = "";
    				if(empty($exif['description'][1])) $exif['description'] = "";
    			}
    			
    			if(!empty($exif['title']) && $exif['title'][1] == "-"){$exif['title'] = ""; $exif['description'] = ""; $showmeta = false;}
    
    			if($exif['title'] || $exif['description'])
    			{
    				if($exif['title']) $output .= "".$exif['title'][1]."";
    				if($exif['description']) $output .= "<div class='description'>".$exif['description'][1]."</div>";
    			}
    			
    			if($showmeta)
    			{
    				if($exif['camera']) $meta .= "<li class='exif-camera'><span>".$exif['camera'][0].":</span> ".$exif['camera'][1]."";
    				if($exif['created_timestamp']) $meta .= "<li class='exif-created_timestamp'><span>".$exif['created_timestamp'][0].":</span> ".$exif['created_timestamp'][1]."";
    				if($exif['copyright']) $meta .= "<li class='exif-copyright'><span>".$exif['copyright'][0].":</span> ".$exif['copyright'][1]."";
    				if($exif['credit']) $meta .= "<li class='exif-credit'><span>".$exif['credit'][0].":</span> ".$exif['credit'][1]."";
    				if($exif['shutter_speed']) $meta .= "<li class='exif-shutter_speed'><span>".$exif['shutter_speed'][0].":</span> ".$exif['shutter_speed'][1]."";
    				if($exif['iso']) $meta .= "<li class='exif-iso'><span>".$exif['iso'][0].":</span> ".$exif['iso'][1]."";
    				if($exif['aperture']) $meta .= "<li class='exif-aperture'><span>".$exif['aperture'][0].":</span> ".$exif['aperture'][1]."";
    				if($exif['focal_length']) $meta .= "<li class='exif-focal_length'><span>".$exif['focal_length'][0].":</span> ".$exif['focal_length'][1]."";
    				
    			}
    			
    			if($meta)
    			{
    				if(!$output) $output = " ";
    				$meta = "<div class='hr'></div>
      ".$meta."
    "; } if($output) { $output = "<div class='exif_data_tooltip'><div class='exif_data_inner_tooltip'>".$output.$meta."</div></div>"; } } return $output; } function gallery_overlay() { if($this->settings['overlay'] && $this->settings['overlay'] != 'none') { $this->settings['overlay'] = str_replace('{{AVIA_BASE_URL}}', AVIA_BASE_URL, $this->settings['overlay']); $this->slideHtml .= "<div class='background_overlay' style='background-image:url(".$this->settings['overlay'].")'></div>"; } } function display() { $this->gallery_overlay(); $this->create_HTML(); if($this->settings['gallery_controlls'] != 'hide') { $this->create_thumb_HTML(); } echo $this->slideHtml; } } ###################################################################### # avia_embed_images ###################################################################### class avia_embed_images extends avia_gallery_slider{ function __construct($post_id = "") { global $avia_config; if(isset($avia_config['block_gallery'])) return false; if(!$post_id) { $this->post_id = avia_get_the_ID(); } else { $this->post_id = $post_id; } //set tooltips $settings['gallery_tooltips'] = avia_post_meta($this->post_id, 'gallery_tooltips'); if($settings['gallery_tooltips'] == '') { $settings['gallery_tooltips'] = avia_get_option('gallery_tooltips'); if(!$settings['gallery_tooltips']) $settings['gallery_tooltips'] ='all'; } //set autorotation $settings['autorotate'] = avia_post_meta($this->post_id, 'inline_slideshow_duration'); $this->settings = $settings; //first try to get the post gallery //$unqiue_id = avia_post_meta($this->post_id, 'gallery_image'); //$this->retrieve_post_images($unqiue_id, 'blog', 'url'); $this->retrieve_post_images($this->post_id, 'blog', 'url'); $this->create_HTML(); echo $this->slideHtml; } //display the background gallery function create_HTML() { global $avia_config; $output = ""; if(!empty($this->image_url_array[0])) { $extraClass = $extraClassContainer = ""; if(strpos($avia_config['layout'], 'thumbslider') !== false) $extraClass .=" slideshow"; $autorotate = $this->settings['autorotate']; if($autorotate != 'false' && $autorotate != '') { $extraClassContainer .= ' autoslide_true'; $extraClassContainer .= ' autoslidedelay__'. $this->settings['autorotate']; } else { $extraClassContainer .= ' autoslide_false'; } $output .= "<div class='slideshow_container ".$avia_config['layout']." $extraClassContainer'>"; $output .= "<ul class='avia_embed_image_container ".$avia_config['layout']." $extraClass' >"; $counter = 1; foreach($this->image_url_array as $key => $img) { $exif = $title = $desc = ""; $exif_data = avia_exif_data($this->image_id_array[$key]); if(strpos($avia_config['layout'], 'thumbslider') === false) $exif = $this->exif_container($this->image_id_array[$key], true, $exif_data); if(isset($exif_data['title'][1])) $title = strip_tags($exif_data['title'][1]); if(isset($exif_data['description'][1])) $desc = strip_tags($exif_data['description'][1]); $link = avia_image_by_id($this->image_id_array[$key], 'fullscreen', 'url'); if($title == "-") $title = $desc = ""; $output .= "<li class='avia_embed_image featured featured_container$counter imageslide'> $title $exif"; $counter++; } $output .= ""; $output .= "</div>"; } $this->slideHtml .= $output; } } ###################################################################### # avia_embed_images ###################################################################### class avia_three_column extends avia_gallery_slider{ function __construct($post_id = "") { global $avia_config; if(isset($avia_config['block_gallery'])) return false; if(!$post_id) { $this->post_id = avia_get_the_ID(); } else { $this->post_id = $post_id; } //set tooltips $settings['gallery_tooltips'] = avia_post_meta($this->post_id, 'gallery_tooltips'); if($settings['gallery_tooltips'] == '') { $settings['gallery_tooltips'] = avia_get_option('gallery_tooltips'); if(!$settings['gallery_tooltips']) $settings['gallery_tooltips'] ='all'; } //set autorotation $settings['autorotate'] = avia_post_meta($this->post_id, 'inline_slideshow_duration'); $this->settings = $settings; //first try to get the post gallery //$unqiue_id = avia_post_meta($this->post_id, 'gallery_image'); //$this->retrieve_post_images($unqiue_id, 'portfolio', 'url'); $this->retrieve_post_images($this->post_id, 'portfolio', 'url'); $this->create_HTML(); echo $this->slideHtml; } //display the background gallery function create_HTML() { global $avia_config; $output = ""; if(!empty($this->image_url_array[0])) { $extraClass = $extraClassContainer = ""; if(strpos($avia_config['layout'], 'thumbslider') !== false) $extraClass .=" slideshow"; $autorotate = $this->settings['autorotate']; if($autorotate != 'false' && $autorotate != '') { $extraClassContainer .= ' autoslide_true'; $extraClassContainer .= ' autoslidedelay__'. $this->settings['autorotate']; } else { $extraClassContainer .= ' autoslide_false'; } $output .= "<div class='slideshow_container ".$avia_config['layout']." $extraClassContainer'>"; $loop_counter = 1; $extraClass = 'first'; $columns = 3; foreach($this->image_url_array as $key => $img) { $exif = $title = $desc = ""; $exif_data = avia_exif_data($this->image_id_array[$key]); if(strpos($avia_config['layout'], 'thumbslider') === false) $exif = $this->exif_container($this->image_id_array[$key], true, $exif_data); if(isset($exif_data['title'][1])) $title = strip_tags($exif_data['title'][1]); if(isset($exif_data['description'][1])) $desc = strip_tags($exif_data['description'][1]); $link = avia_image_by_id($this->image_id_array[$key], 'fullscreen', 'url'); if($title == "-") $title = $desc = ""; $output .= "<div class='avia_embed_image avia_3_column_gallery $extraClass'>$title $exif</div>"; $loop_counter++; $extraClass = ""; if($loop_counter > $columns) { $loop_counter = 1; $extraClass = 'first'; } } $output .= "</div>"; } $this->slideHtml .= $output; } } class masonry_gallery { var $id; var $imgSize; var $image_array; var $settings; var $itemcount; var $slicecount; function __construct($size = "masonry") { global $avia_config; if(isset($avia_config['block_gallery'])) return false; $this->id = avia_get_the_ID(); //set tooltips $settings['gallery_tooltips'] = avia_post_meta($this->id, 'gallery_tooltips'); if($settings['gallery_tooltips'] == '') { $settings['gallery_tooltips'] = avia_get_option('gallery_tooltips'); if(!$settings['gallery_tooltips']) $settings['gallery_tooltips'] ='all'; } $this->settings = $settings; $this->imgSize = $size; $this->retrieve_post_images(); } /* //gets the hidden post of type avia_framework_post that is used to store uploads in a separate gallery function retrieve_post_images() { global $avia_config; $unqiue_id = avia_post_meta($this->id, 'gallery_image'); $attachment_holder = avia_get_post_by_title( "avia_smart-gallery-of-post-".$unqiue_id); if(empty($attachment_holder['ID'])) return; $attachments = get_children(array('post_parent' => $attachment_holder['ID'], 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => 'ASC', 'orderby' => 'menu_order ID')); foreach($attachments as $key => $attachment) { $this->image_array['url'][] = avia_image_by_id($attachment->ID, $avia_config['imgSize'][$this->imgSize], 'url'); $this->image_array['link'][] = avia_image_by_id($attachment->ID, 'fullsize','url'); $this->image_array['id'][] = $attachment->ID; } $this->itemcount = count($this->image_array['id']); } */ //gets the hidden post of type avia_framework_post that is used to store uploads in a separate gallery function retrieve_post_images() { global $avia_config; $attachments = avia_post_meta($this->id, 'slideshow'); if(!$attachments) { $unqiue_id = avia_post_meta($this->id, 'gallery_image'); $attachment_holder = avia_get_post_by_title( "avia_smart-gallery-of-post-".$unqiue_id); if(empty($attachment_holder['ID'])) return; $attachments = get_children(array('post_parent' => $attachment_holder['ID'], 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => 'ASC', 'orderby' => 'menu_order ID')); } if(!empty($attachments)) { foreach($attachments as $key => $attachment) { if(is_array($attachment)) { $att_id = $attachment['slideshow_image']; $this->image_meta_content[$att_id] = $attachment; } else { $att_id = $attachment->ID; } $this->image_array['url'][] = avia_image_by_id($att_id, $avia_config['imgSize'][$this->imgSize], 'url'); $this->image_array['link'][] = avia_image_by_id($att_id, 'fullsize','url'); $this->image_array['id'][] = $att_id; } } $this->itemcount = count($this->image_array['id']); } function exif_container($id, $showmeta = true, $exif_data) { $output = ""; if($this->settings['gallery_tooltips'] == 'all' || $this->settings['gallery_tooltips'] == 'title') { if($this->settings['gallery_tooltips'] == 'title') $showmeta = false; $exif = $exif_data; $meta = ""; if(isset($this->image_meta_content[$id])) { $exif['title'][1] = $this->image_meta_content[$id]['slideshow_caption_title']; $exif['description'][1] = $this->image_meta_content[$id]['slideshow_caption']; if(empty($exif['title'][1])) $exif['title'] = ""; if(empty($exif['description'][1])) $exif['description'] = ""; } if(!empty($exif['title']) && $exif['title'][1] == "-"){$exif['title'] = ""; $exif['description'] = ""; $showmeta = false;} if($exif['title'] || $exif['description']) { if($exif['title']) $output .= "".$exif['title'][1].""; if($exif['description']) $output .= "<div class='description'>".$exif['description'][1]."</div>"; } if($showmeta) { if($exif['camera']) $meta .= "<li class='exif-camera'><span>".$exif['camera'][0].":</span> ".$exif['camera'][1].""; if($exif['created_timestamp']) $meta .= "<li class='exif-created_timestamp'><span>".$exif['created_timestamp'][0].":</span> ".$exif['created_timestamp'][1].""; if($exif['copyright']) $meta .= "<li class='exif-copyright'><span>".$exif['copyright'][0].":</span> ".$exif['copyright'][1].""; if($exif['credit']) $meta .= "<li class='exif-credit'><span>".$exif['credit'][0].":</span> ".$exif['credit'][1].""; if($exif['shutter_speed']) $meta .= "<li class='exif-shutter_speed'><span>".$exif['shutter_speed'][0].":</span> ".$exif['shutter_speed'][1].""; if($exif['iso']) $meta .= "<li class='exif-iso'><span>".$exif['iso'][0].":</span> ".$exif['iso'][1].""; if($exif['aperture']) $meta .= "<li class='exif-aperture'><span>".$exif['aperture'][0].":</span> ".$exif['aperture'][1].""; if($exif['focal_length']) $meta .= "<li class='exif-focal_length'><span>".$exif['focal_length'][0].":</span> ".$exif['focal_length'][1].""; } if($meta) { if(!$output) $output = " "; $meta = "<div class='hr'></div>
      ".$meta."
    "; } if($output) { $output = "<div class='exif_data'><div class='exif_data_inner'>".$output.$meta."</div></div>"; } } return $output; } function pagecount() { if(!$this->slicecount || !$this->itemcount) return false; $pages = ceil($this->itemcount/$this->slicecount); return $pages; } function display($itemcount=10) { global $paged; if(get_query_var('paged')) { $paged = get_query_var('paged'); } elseif(get_query_var('page')) { $paged = get_query_var('page'); } else { $paged = 1; } $offset = $itemcount * ($paged - 1); if(!is_array($this->image_array['url'])) return; $this->image_array['url'] = array_slice($this->image_array['url'], $offset, $itemcount); $this->image_array['link'] = array_slice($this->image_array['link'], $offset, $itemcount); $this->image_array['id'] = array_slice($this->image_array['id'], $offset, $itemcount); $this->slicecount = $itemcount; $output = ""; foreach($this->image_array['url'] as $key => $attachment) { $exif_data = avia_exif_data($this->image_array['id'][$key]); $exif = $this->exif_container($this->image_array['id'][$key], true, $exif_data); $title = $desc = ""; if(isset($exif_data['title'][1])) $title = strip_tags($exif_data['title'][1]); if(isset($exif_data['description'][1])) $desc = strip_tags($exif_data['description'][1]); if($title == "-") $title = $desc = ""; $output .= "<div class='masonry-item'>"; $output .= "<div class='masonry-image'>image_array['link'][$key]."' title='".$desc."'>image_array['url'][$key]."' title='$title' alt='$title'/></div>"; if($exif) { $output .= "<div class='masonry-content'>"; $output .= $exif; $output .= "</div>"; } $output .= "</div>"; } return $output; } } /*helper function for exif data*/ function avia_exif_data($attachment_id = "") { $exif = array('title'=>'', 'description' => '', 'aperture'=>'', 'credit'=>'', 'camera'=>'', 'copyright'=>'', 'focal_length'=>'', 'iso'=>'','shutter_speed'=>'','created_timestamp'=>'' ); if(!$attachment_id) return $exif; $post = get_post($attachment_id); $meta = wp_get_attachment_metadata($attachment_id, FALSE); $meta = $meta['image_meta']; if(!empty($meta['aperture'])) { $exif['aperture'] = array(__('Aperture','avia_framework'), $meta['aperture']); } if(!empty($meta['credit'])) { $exif['credit'] = array(__('Credit','avia_framework'), str_replace('©','©', $meta['credit'])); } if(!empty($meta['camera'])) { $exif['camera'] = array(__('Camera','avia_framework'), $meta['camera']); } if(!empty($meta['copyright'])) { $exif['copyright'] = array(__('Copyright','avia_framework'), str_replace('©','©', $meta['copyright'])); } if(!empty($meta['focal_length'])) { $exif['focal_length']= array(__('Focal Length','avia_framework'), $meta['focal_length']); } if(!empty($meta['iso'])) { $exif['iso'] = array(__('ISO','avia_framework'), $meta['iso']); } if(!empty($meta['shutter_speed'])) { $exif['shutter_speed'] = array(__('Shutter','avia_framework'), $meta['shutter_speed']); } if(!empty($meta['created_timestamp'])) { $exif['created_timestamp'] = array(__('Created','avia_framework'), date( "F d, Y - H:i", $meta['created_timestamp'])); } if(!empty($post->post_title)) { $exif['title'] = array(__('Title','avia_framework'), $post->post_title); } if(!empty($post->post_content)) { $exif['description'] = array(__('Description','avia_framework'), $post->post_content); } if(!empty($post->post_excerpt) && empty($post->post_content)) { $exif['description'] = array(__('Description','avia_framework'), $post->post_content); } return $exif; }

    You can also check the code here: https://pastebin.com/URzJS3Up

    then I have added this css code in Quick CSS (located in Flashlight > Styling):

    .avia-fs-caption {
        position: relative;
        z-index: 200;
    }
    
    .avia-fs-caption-inner {
        position: absolute;
        right: 100px;
        top: 800px;
    }
    
    .avia-fs-caption-inner strong {
        color: #fff;
        font-size: 32px;
    }
    
    .avia-fs-caption-inner .description {
        color: #fff;
        font-size: 16px;
        padding-top: 10px;
    }

    Just adjust the css values. Let us know if you need further assistance :)

    Best regards,
    Nikko

    #918467

    Hi Nikko,
    No, it’s not good
    I see no difference from how it was before how it is now
    Maybe I have to do something else? What?
    What do you mean by: “Just adjust the css values”?
    Best,
    T.

    #918479

    Hi,

    You need to fill in the Caption Title or Caption Text which will show on the lower right of the slider (homepage): https://imgur.com/a/e3JRY
    Otherwise, you won’t see any changes. As for the css values I was referring to this, if you want to make adjustments:

    .avia-fs-caption {
        position: relative;
        z-index: 200;
    }
    
    .avia-fs-caption-inner {
        position: absolute;
        right: 100px;
        top: 800px;
    }
    
    .avia-fs-caption-inner strong {
        color: #fff;
        font-size: 32px;
    }
    
    .avia-fs-caption-inner .description {
        color: #fff;
        font-size: 16px;
        padding-top: 10px;
    }

    Best regards,
    Nikko

    #918545

    Hi Nikko,
    I had noticed it but also ignored it because i have no possibility to add a title in a specific position.
    Maybe I did not explain myself very well, sorry.
    I try to be clearer.
    As a screenshot posted by Victoria i can see “Caption positioning”
    If an image I want to put in the gallery contains an animal at the bottom right (third-party rule) I would like to put a description (or just a scientific name) in another position (top or bottom left, center, everywhere but non right bottom) without having to write over the animal’s head in the picture . It would be a little aesthetic not to say unpleasant. This was and remains the main question. If you can not do it or I pretend too much I take note and that’s okay
    Thank you for your time.
    Best,
    T.

    #918806

    Hi T,

    I see what you meant however the feature isn’t available on flashlight and what I tweaked on the flashlight theme was a substitute to it though the position can be adjusted thru css code but not on every slider image. I think doing the exact module as what is in Enfold would require a lot of time and outside the scope of our support :(

    Best regards,
    Nikko

    #918884

    Hi Nikko,
    I imagined it. No problem, thank you for your time and wish you a good day
    Best,
    T.

    #918973

    Hi,

    Thanks for understanding and thanks for using Enfold. Have a great day too :) I’ll be closing this thread now.

    Best regards,
    Nikko

Viewing 20 posts - 1 through 20 (of 20 total)

The topic ‘Add description in the images’ is closed to new replies.