<# var class_media = ''; var image_box_tag = 'span'; var icon_box_content = ['media-body']; if ( settings.image_box_layout === 'ube-image-box-02' ) { class_media = 'media'; } if ( settings.image_box_layout === 'ube-image-box-03' ) { icon_box_content = ['media']; } image_box_classes = [ 'ube-image-box' ]; if(settings.hover_animation!==''){ image_box_classes.push( 'ube-image-hover-' + settings.hover_animation); } if(settings.hover_image_animation!==''){ image_box_classes.push( 'ube-image-hover-' + settings.hover_image_animation); } if(class_media!==''){ image_box_classes.push(class_media); } if(settings.image_box_layout!==''){ image_box_classes.push(settings.image_box_layout); } if(settings.icon_vertical_alignment!==''&& settings.icon_vertical_alignment!==undefined){ image_box_classes.push(settings.icon_vertical_alignment); } if(settings.image_box_text_align !=='' && settings.image_box_layout == 'ube-image-box-01'){ image_box_classes.push('text-' + settings.image_box_text_align); } if(settings.icon_text_align !=='' && settings.image_box_layout !== 'ube-image-box-01'){ image_box_classes.push('text-' + settings.icon_text_align); } if(settings.content_mw !==''){ image_box_classes.push('mw-' + settings.content_mw); } var title_class=['ube-heading-title']; if ( settings.heading_title_size !== '' ) { title_class.push( 'ube-heading-size-' + settings.heading_title_size); } view.addRenderAttribute( 'image_box_wrapper', 'class', image_box_classes ); image_classes = ['card ube-image-box-inner ube-image']; view.addRenderAttribute( 'image_box_image', 'class', image_classes ); view.addRenderAttribute( 'image_box_image_tag', 'class', 'card-img ube-image-box-image' ); if ( settings.image_box_link.url !=='' ) { if( settings.image_box_link.is_external){ view.addRenderAttribute( 'image_box_image_tag', 'target', '_blank' ); view.addRenderAttribute( 'image_box_title_tag', 'target', '_blank' ); } if(settings.image_box_link.nofollow){ view.addRenderAttribute( 'image_box_image_tag', 'rel', 'nofollow' ); view.addRenderAttribute( 'image_box_title_tag', 'rel', 'nofollow' ); } view.addRenderAttribute( 'image_box_image_tag','href' ,settings.image_box_link.url ); view.addRenderAttribute( 'image_box_title_tag','href' ,settings.image_box_link.url ); image_box_tag = 'a'; } var image_url = image_html = ''; if ( settings.image.url ) { var image = { id: settings.image.id, url: settings.image.url, size: settings.thumbnail_size, dimension: settings.thumbnail_custom_dimension, model: view.getEditModel() }; image_url = elementor.imagesManager.getImageUrl( image ); image_html = ''; } if(settings.image_box_vertical_alignment!=='' && settings.image_box_vertical_alignment!==undefined){ icon_box_content.push(settings.image_box_vertical_alignment); } view.addRenderAttribute( 'image_box_content', 'class',icon_box_content ); #>
<# if ( settings.image_box_layout !== 'ube-image-box-03' ) { #>
<{{{image_box_tag}}} {{{ view.getRenderAttributeString( 'image_box_image_tag' ) }}}> {{{image_html}}}
<# } #>
<# if ( settings.image_box_layout == 'ube-image-box-03' ) { #>
<{{{image_box_tag}}} {{{ view.getRenderAttributeString( 'image_box_image_tag' ) }}}> {{{image_html}}}
<# } view.addRenderAttribute( 'image_box_title_tag_wrapper', 'class', title_class ); #> <# if ( settings.image_box_title !== '' ) { #> <{{{settings.image_box_title_tag}}} {{{ view.getRenderAttributeString( 'image_box_title_tag_wrapper' ) }}}> <{{{image_box_tag}}} {{{ view.getRenderAttributeString( 'image_box_title_tag' ) }}}> {{{settings.image_box_title}}} <# } #> <# if ( settings.image_box_layout !== 'ube-image-box-03' && settings.image_box_description!=='' ) { #>

{{{ settings.image_box_description }}}

<# } #>
<# if ( settings.image_box_layout == 'ube-image-box-03' && settings.image_box_description !=='' ) { #>

{{{ settings.image_box_description}}}

<# } #>