<?php

[0] Fix | Delete

/**

[1] Fix | Delete

* Template Image

[2] Fix | Delete

*

[3] Fix | Delete

* This template can be overridden by copying it to your child_theme_folder/themify-builder/template-image.php.

[4] Fix | Delete

*

[5] Fix | Delete

* Access original fields: $args['mod_settings']

[6] Fix | Delete

* @author Themify

[7] Fix | Delete

*/

[8] Fix | Delete

[9] Fix | Delete

defined( 'ABSPATH' ) || exit;

[10] Fix | Delete

[11] Fix | Delete

$mod_name=$args['mod_name'];

[12] Fix | Delete

$element_id = $args['module_ID'];

[13] Fix | Delete

$fields_args = $args['mod_settings']+ array(

[14] Fix | Delete

'mod_title_image' => '',

[15] Fix | Delete

'style_image' => 'image-top',

[16] Fix | Delete

'url_image' => '',

[17] Fix | Delete

'appearance_image' => '',

[18] Fix | Delete

'caption_on_overlay' => '',

[19] Fix | Delete

'image_size_image' => '',

[20] Fix | Delete

'width_image' => '',

[21] Fix | Delete

'auto_fullwidth' => false,

[22] Fix | Delete

'height_image' => '',

[23] Fix | Delete

'title_tag' => 'h3',

[24] Fix | Delete

'title_image' => '',

[25] Fix | Delete

'link_image' => '',

[26] Fix | Delete

'param_image' => '',

[27] Fix | Delete

'image_zoom_icon' => '',

[28] Fix | Delete

'lightbox_width' => '',

[29] Fix | Delete

'lightbox_height' => '',

[30] Fix | Delete

'lightbox_width_unit' => 'px',

[31] Fix | Delete

'lightbox_height_unit' => 'px',

[32] Fix | Delete

'alt_image' => '',

[33] Fix | Delete

'caption_image' => '',

[34] Fix | Delete

'css_image' => '',

[35] Fix | Delete

'animation_effect' => ''

[36] Fix | Delete

);

[37] Fix | Delete

if (!empty($fields_args['appearance_image'])) {

[38] Fix | Delete

$fields_args['appearance_image'] = self::get_checkbox_data($fields_args['appearance_image']);

[39] Fix | Delete

Themify_Builder_Model::load_appearance_css($fields_args['appearance_image']);

[40] Fix | Delete

}

[41] Fix | Delete

$container_class=array(

[42] Fix | Delete

'module',

[43] Fix | Delete

'module-' . $mod_name,

[44] Fix | Delete

$element_id,

[45] Fix | Delete

$fields_args['style_image'],

[46] Fix | Delete

$fields_args['appearance_image'],

[47] Fix | Delete

$fields_args['css_image']

[48] Fix | Delete

);

[49] Fix | Delete

Themify_Builder_Model::load_module_self_style($mod_name,str_replace('image-','',$fields_args['style_image']));

[50] Fix | Delete

if ( 'yes' === $fields_args['caption_on_overlay']){

[51] Fix | Delete

$container_class[]= 'active-caption-hover';

[52] Fix | Delete

}

[53] Fix | Delete

if ($fields_args['auto_fullwidth']=='1') {

[54] Fix | Delete

$container_class[]='auto_fullwidth';

[55] Fix | Delete

}

[56] Fix | Delete

$container_class[]='tf_mw';

[57] Fix | Delete

$container_class = apply_filters('themify_builder_module_classes', $container_class, $mod_name, $element_id, $fields_args);

[58] Fix | Delete

[59] Fix | Delete

if(!empty($fields_args['global_styles']) && Themify_Builder::$frontedit_active===false){

[60] Fix | Delete

$container_class[] = $fields_args['global_styles'];

[61] Fix | Delete

}

[62] Fix | Delete

$newtab =false;

[63] Fix | Delete

if($fields_args['link_image'] !== ''){

[64] Fix | Delete

if($fields_args['param_image'] === 'lightbox'){

[65] Fix | Delete

$lightbox_data = $fields_args['lightbox_width']!=='' || $fields_args['lightbox_height']!=='' ? sprintf(' data-zoom-config="%s|%s"'

[66] Fix | Delete

, $fields_args['lightbox_width'] . $fields_args['lightbox_width_unit'], $fields_args['lightbox_height'] . $fields_args['lightbox_height_unit']) : false;

[67] Fix | Delete

}

[68] Fix | Delete

else{

[69] Fix | Delete

$newtab=$fields_args['param_image'] === 'newtab';

[70] Fix | Delete

}

[71] Fix | Delete

}

[72] Fix | Delete

$image_alt = '' !== $fields_args['alt_image'] ? $fields_args['alt_image'] : wp_strip_all_tags($fields_args['caption_image']);

[73] Fix | Delete

$image_title = $fields_args['title_image'];

[74] Fix | Delete

if ($image_alt === '') {

[75] Fix | Delete

$image_alt = $image_title;

[76] Fix | Delete

}

[77] Fix | Delete

[78] Fix | Delete

$image = '';

[79] Fix | Delete

if ( ! empty( $fields_args['url_image'] ) ) {

[80] Fix | Delete

$preset = $fields_args['image_size_image'] !== '' ? $fields_args['image_size_image'] : themify_builder_get('setting-global_feature_size', 'image_global_size_field');

[81] Fix | Delete

$param_image=array('src'=>esc_url($fields_args['url_image']),'w'=>$fields_args['width_image'],'h'=>$fields_args['height_image'],'alt'=>$image_alt,'title'=>$image_title,'image_size'=>$preset);

[82] Fix | Delete

if ( Themify_Builder::$frontedit_active === true && ! self::$disable_inline_edit ) {

[83] Fix | Delete

$param_image['attr']=array('data-w'=>'width_image', 'data-h'=>'height_image','data-name'=>'url_image');

[84] Fix | Delete

}

[85] Fix | Delete

$image = themify_get_image($param_image);

[86] Fix | Delete

[87] Fix | Delete

unset($param_image,$preset,$image_alt);

[88] Fix | Delete

}

[89] Fix | Delete

[90] Fix | Delete

$container_props = apply_filters('themify_builder_module_container_props', self::parse_animation_effect($fields_args,array(

[91] Fix | Delete

'class' => implode(' ', $container_class),

[92] Fix | Delete

)), $fields_args, $mod_name, $element_id);

[93] Fix | Delete

if(Themify_Builder::$frontedit_active===false){

[94] Fix | Delete

$container_props['data-lazy']=1;

[95] Fix | Delete

}

[96] Fix | Delete

[97] Fix | Delete

self::sticky_element_props($container_props, $fields_args);

[98] Fix | Delete

?>

[99] Fix | Delete

<!-- module image -->

[100] Fix | Delete

<div <?php echo themify_get_element_attributes($container_props); ?>>

[101] Fix | Delete

<?php $container_props=$container_class=$args=null;

[102] Fix | Delete

echo Themify_Builder_Component_Module::get_module_title($fields_args,'mod_title_image');

[103] Fix | Delete

?>

[104] Fix | Delete

<div class="image-wrap tf_rel tf_mw">

[105] Fix | Delete

<?php if ($fields_args['link_image'] !== ''): ?>

[106] Fix | Delete

<a href="<?php echo esc_url($fields_args['link_image']); ?>"<?php if ($newtab===true): ?> rel="noopener" target="_blank"<?php elseif (isset($lightbox_data)) : ?> class="lightbox-builder themify_lightbox"<?php echo $lightbox_data; ?><?php endif; ?>>

[107] Fix | Delete

<?php if ($fields_args['style_image']!=='image-full-overlay' && $fields_args['image_zoom_icon'] === 'zoom'): ?>

[108] Fix | Delete

<?php

[109] Fix | Delete

Themify_Builder_Model::load_module_self_style($mod_name,'zoom');

[110] Fix | Delete

$icon=isset($lightbox_data) ? 'search' : 'new-window';

[111] Fix | Delete

?>

[112] Fix | Delete

<span class="zoom">

[113] Fix | Delete

<?php echo themify_get_icon($icon,'ti',false,false,array('aria-label'=>__('Open','themify'))); ?>

[114] Fix | Delete

</span>

[115] Fix | Delete

<?php endif; ?>

[116] Fix | Delete

<?php echo $image; ?>

[117] Fix | Delete

</a>

[118] Fix | Delete

<?php else: ?>

[119] Fix | Delete

<?php echo $image; ?>

[120] Fix | Delete

<?php endif; ?>

[121] Fix | Delete

[122] Fix | Delete

<?php if ('image-overlay' !== $fields_args['style_image']): ?>

[123] Fix | Delete

</div>

[124] Fix | Delete

<!-- /image-wrap -->

[125] Fix | Delete

<?php endif; ?>

[126] Fix | Delete

[127] Fix | Delete

<?php if ($image_title !== '' || $fields_args['caption_image'] !== ''): ?>

[128] Fix | Delete

<div class="image-content<?php echo $fields_args['style_image']==='image-full-overlay'?' tf_overflow':'';?>">

[129] Fix | Delete

<?php if ($image_title !== '') :

[130] Fix | Delete

$fields_args['title_tag'] = esc_attr( $fields_args['title_tag'] );

[131] Fix | Delete

?>

[132] Fix | Delete

<<?php echo $fields_args['title_tag'];?> class="image-title">

[133] Fix | Delete

<?php if ($fields_args['link_image'] !== ''): ?>

[134] Fix | Delete

<a href="<?php echo esc_url($fields_args['link_image']); ?>"<?php if (isset($lightbox_data)) : ?> class="lightbox-builder themify_lightbox"<?php echo $lightbox_data; ?><?php endif;if ($newtab===true): ?> rel="noopener" target="_blank"<?php endif; ?>>

[135] Fix | Delete

<?php echo $image_title; ?>

[136] Fix | Delete

</a>

[137] Fix | Delete

<?php else: ?>

[138] Fix | Delete

<?php echo $image_title; ?>

[139] Fix | Delete

<?php endif; ?>

[140] Fix | Delete

</<?php echo $fields_args['title_tag'];?>>

[141] Fix | Delete

<?php endif; ?>

[142] Fix | Delete

<?php if ($fields_args['caption_image'] !== ''): ?>

[143] Fix | Delete

<div class="image-caption tb_text_wrap">

[144] Fix | Delete

<?php echo apply_filters('themify_builder_module_content', $fields_args['caption_image']); ?>

[145] Fix | Delete

</div>

[146] Fix | Delete

<!-- /image-caption -->

[147] Fix | Delete

<?php endif; ?>

[148] Fix | Delete

</div>

[149] Fix | Delete

<!-- /image-content -->

[150] Fix | Delete

<?php endif; ?>

[151] Fix | Delete

<?php if ('image-overlay' === $fields_args['style_image']): ?>

[152] Fix | Delete

</div>

[153] Fix | Delete

<!-- /image-wrap -->

[154] Fix | Delete

<?php endif; ?>

[155] Fix | Delete

</div>

[156] Fix | Delete

<!-- /module image -->

[157] Fix | Delete