BossBey File Manager
PHP:
8.2.30
OS:
Linux
User:
imagivibe
Root
/
.
/
wp-content
/
plugins
/
porto-functionality
/
shortcodes
/
templates
📤 Upload
📝 New File
📁 New Folder
Close
Editing: porto_image_frame.php
<?php $output = $type = $shape = $link = $image_url = $image_id = $title = $sub_title = $view_type = $date = $img_width = $align = $hover_bg = $hover_img = $link_icon = $centered_icons = $icons = $noborders = $boxshadow = $show_socials = $socials = $animation_type = $animation_duration = $animation_delay = $el_class = ''; extract( shortcode_atts( array( 'type' => '', 'shape' => 'rounded', 'link' => '', 'image_url' => '', 'image_id' => '', 'image_size' => '', 'title' => '', 'sub_title' => '', 'view_type' => '', 'date' => '', 'img_width' => 200, 'align' => '', 'hover_bg' => '', 'hover_img' => '', 'link_icon' => true, 'centered_icons' => false, 'icons' => '', 'noborders' => false, 'boxshadow' => false, 'show_socials' => false, 'socials' => '', 'el_class' => '', 'animation_type' => '', 'animation_duration' => 1000, 'animation_delay' => 0, 'animation_reveal_clr' => '', 'el_class' => '', ), $atts ) ); $el_class = porto_shortcode_extract_class( $el_class ); $hw_attrs = $alt_text = ''; if ( $image_size ) { $hw_size = explode( 'x', $image_size ); if ( count( $hw_size ) === 2 && is_numeric( $hw_size[0] ) ) { $hw_attrs = ' width="' . esc_attr( $hw_size[0] ) . '" height="' . esc_attr( $hw_size[1] ) . '"'; $image_size = ''; } } if ( ! $image_url && $image_id ) { $image_url = wp_get_attachment_image_src( $image_id, $image_size ? $image_size : 'full' ); if ( $image_url && isset( $image_url[0] ) ) { $alt_text = get_post_meta( $image_id, '_wp_attachment_image_alt', true ); $hw_attrs = ' width="' . esc_attr( $image_url[1] ) . '" height="' . esc_attr( $image_url[2] ) . '"'; $image_url = $image_url[0]; } } $image_url = str_replace( array( 'http:', 'https:' ), '', $image_url ); if ( $image_url ) { $output = '<div class="porto-image-frame ' . esc_attr( $el_class ) . '"'; if ( $animation_type ) { $output .= ' data-appear-animation="' . esc_attr( $animation_type ) . '"'; if ( $animation_delay ) { $output .= ' data-appear-animation-delay="' . esc_attr( $animation_delay ) . '"'; } if ( $animation_duration && 1000 != $animation_duration ) { $output .= ' data-appear-animation-duration="' . esc_attr( $animation_duration ) . '"'; } if ( false !== strpos( $animation_type, 'revealDir' ) ) { $output .= ' data-animation-reveal-clr="' . ( ! empty( $animation_reveal_clr ) ? esc_attr( $animation_reveal_clr ) : '' ) . '"'; } } $output .= '>'; //parse link if ( function_exists( 'vc_build_link' ) ) { $link = ( '||' === $link ) ? '' : $link; $link = vc_build_link( $link ); $use_link = false; if ( strlen( $link['url'] ) > 0 ) { $use_link = true; $a_href = $link['url']; $a_title = $link['title']; $a_target = strlen( $link['target'] ) > 0 ? $link['target'] : '_self'; } } else { $link = ''; $use_link = false; } $attributes = array(); if ( $use_link && $link ) { $attributes[] = 'href="' . esc_url( trim( $a_href ) ) . '"'; $attributes[] = 'title="' . esc_attr( trim( $a_title ) ) . '"'; $attributes[] = 'target="' . esc_attr( trim( $a_target ) ) . '"'; } $attributes = implode( ' ', $attributes ); if ( '' == $type ) { if ( $use_link ) { $output .= '<a ' . $attributes . '>'; } if ( 'thumbnail' !== $shape ) { $output .= '<img alt="' . esc_attr( $alt_text ) . '" src="' . esc_url( $image_url ) . '" class="img-responsive img-' . $shape . ( $boxshadow ? ' img-box-shadow' : '' ) . '"' . $hw_attrs . '>'; } else { $output .= '<span class="img-thumbnail">'; $output .= '<img alt="' . esc_attr( $alt_text ) . '" src="' . esc_url( $image_url ) . '" class="img-responsive' . ( $boxshadow ? ' img-box-shadow' : '' ) . '"' . $hw_attrs . '>'; $output .= '</span>'; } if ( $use_link ) { $output .= '</a>'; } } elseif ( 'hover-style' == $type ) { $view_class = ''; switch ( $view_type ) { case 'centered-info': $view_class = 'thumb-info-centered-info'; break; case 'bottom-info': $view_class = 'thumb-info-bottom-info'; break; case 'bottom-info-dark': $view_class = 'thumb-info-bottom-info thumb-info-bottom-info-dark'; break; case 'hide-info-hover': $view_class = 'thumb-info-centered-info thumb-info-hide-info-hover'; break; case 'side-image': $view_class = 'thumb-info-side-image thumb-info-no-zoom thumb-info-centered-icons'; break; case 'side-image-right': $view_class = 'thumb-info-side-image thumb-info-side-image-right thumb-info-no-zoom thumb-info-centered-icons'; break; } $output .= '<div class="thumb-info' . ( $align ? ' align-' . $align : '' ) . ( $hover_bg ? ' thumb-info-' . $hover_bg : '' ) . ( $hover_img ? ' thumb-info-' . $hover_img : '' ) . ( $centered_icons ? ' thumb-info-centered-icons' : '' ) . ( $view_class ? ' ' . $view_class : '' ) . ( $noborders ? ' thumb-info-no-borders' : '' ) . ( $boxshadow ? ' thumb-info-box-shadow' : '' ) . '">'; if ( $use_link && ! $centered_icons ) { $output .= '<a ' . $attributes . '>'; } $output .= '<span class="' . ( ( 'side-image' === $view_type || 'side-image-right' === $view_type ) ? 'thumb-info-side-image-wrapper' : 'thumb-info-wrapper' ) . '">'; $output .= '<img alt="' . esc_attr( $alt_text ) . '" src="' . esc_url( $image_url ) . '" class="img-responsive"' . $hw_attrs . ( ( 'side-image' === $view_type || 'side-image-right' === $view_type ) && $img_width ? ' style="max-width:' . (int) $img_width . 'px"' : '' ) . '>'; if ( ! ( 'side-image' === $view_type || 'side-image-right' === $view_type ) && ( $title || $date || $sub_title ) ) { if ( $use_link && $centered_icons ) { $output .= '<a ' . $attributes . '>'; } $output .= '<span class="thumb-info-title">'; if ( $title || $date ) { $output .= '<span class="thumb-info-inner">' . wp_kses_post( $title ) . '<em>' . esc_html( $date ) . '</em></span>'; } if ( $sub_title ) { $output .= '<span class="thumb-info-type">' . wp_kses_post( $sub_title ) . '</span>'; } $output .= '</span>'; if ( $use_link && $centered_icons ) { $output .= '</a>'; } } if ( $use_link && $link_icon && ! $centered_icons ) { $output .= '<span class="thumb-info-action"><span class="thumb-info-action-icon"><i class="fas fa-link"></i></span></span>'; } if ( $centered_icons ) { $icons = vc_param_group_parse_atts( $icons ); $icons_html = ''; foreach ( $icons as $icon ) { $i = ''; switch ( $icon['icon_type'] ) { case 'fontawesome': $i = $icon['icon']; break; case 'simpleline': $i = $icon['icon_simpleline']; break; case 'image': $i = 'icon-image'; break; } $c = 'thumb-info-action-icon' . ( 'custom' !== $icon['skin'] ? ' thumb-info-action-icon-' . $icon['skin'] : '' ); $a_style = ( 'custom' === $icon['skin'] && isset( $icon['bg_color'] ) && $icon['bg_color'] ) ? ' style="background:' . esc_attr( $icon['bg_color'] ) . '"' : ''; $i_style = ( 'custom' === $icon['skin'] && isset( $icon['icon_color'] ) && $icon['icon_color'] ) ? ' style="color:' . esc_attr( $icon['icon_color'] ) . '"' : ''; $i_html = '<i class="' . esc_attr( $i ) . '"' . $i_style . '>'; if ( 'icon-image' == $i && $i_image = $icon['icon_image'] ) { $i_image = preg_replace( '/[^\d]/', '', $i_image ); $i_url = wp_get_attachment_image_src( $i_image ); $alt_text = get_post_meta( $i_image, '_wp_attachment_image_alt', true ); if ( $i_url && isset( $i_url[0] ) ) { $i_url[0] = str_replace( array( 'http:', 'https:' ), '', $i_url[0] ); $i_html .= '<img alt="' . esc_attr( $alt_text ) . '" src="' . esc_url( $i_url[0] ) . '" width="' . esc_attr( $i_url[1] ) . '" height="' . esc_attr( $i_url[2] ) . '">'; } } $i_html .= '</i>'; if ( 'open_link' === $icon['action'] ) { //parse link $open_link = ( ! isset( $icon['open_link'] ) || '||' === $icon['open_link'] ) ? '' : $icon['open_link']; $open_link = vc_build_link( $open_link ); $use_open_link = false; if ( strlen( $open_link['url'] ) > 0 ) { $use_open_link = true; $a_href = $open_link['url']; $a_title = $open_link['title']; $a_target = strlen( $open_link['target'] ) > 0 ? $open_link['target'] : '_self'; } $s_atts = array(); if ( $use_open_link ) { $s_atts[] = 'href="' . esc_url( trim( $a_href ) ) . '"'; $s_atts[] = 'title="' . esc_attr( trim( $a_title ) ) . '"'; $s_atts[] = 'target="' . esc_attr( trim( $a_target ) ) . '"'; $s_atts = implode( ' ', $s_atts ); $icons_html .= '<a class="' . esc_attr( $c ) . '" ' . $s_atts . $a_style . '>' . $i_html . '</a>'; } } elseif ( 'popup_iframe' === $icon['action'] ) { if ( $icon['popup_iframe'] ) { $icons_html .= '<a class="' . esc_attr( $c ) . ' porto-popup-iframe" href="' . $icon['popup_iframe'] . '"' . $a_style . '>' . $i_html . '</a>'; } } else { if ( $icon['popup_block'] ) { $id = 'popup' . rand(); $icons_html .= '<a class="' . esc_attr( $c ) . ' porto-popup-content" href="#' . esc_attr( $id ) . '" data-animation="' . esc_attr( $icon['popup_animation'] ) . '"' . $a_style . '>' . $i_html . '</a>'; $icons_html .= '<div id="' . esc_attr( $id ) . '" class="dialog dialog-' . esc_attr( $icon['popup_size'] ) . ' zoom-anim-dialog mfp-hide">' . do_shortcode( '[porto_block name="' . $icon['popup_block'] . '"]' ) . '</div>'; } } } if ( $icons_html ) { $output .= '<span class="thumb-info-action">'; $output .= $icons_html; $output .= '</span>'; } } $output .= '</span>'; if ( $use_link && ! $centered_icons ) { $output .= '</a>'; } if ( $content || $show_socials || ( ( 'side-image' === $view_type || 'side-image-right' === $view_type ) && ( $title || $date || $sub_title ) ) ) { $socials_html = ''; if ( $show_socials ) { $socials = vc_param_group_parse_atts( $socials ); foreach ( $socials as $social ) { $i = ''; switch ( $social['icon_type'] ) { case 'fontawesome': $i = $social['icon']; break; case 'simpleline': $i = $social['icon_simpleline']; break; case 'image': $i = 'icon-image'; break; } $c = 'custom' !== $social['skin'] ? 'thumb-info-social-links-' . $social['skin'] : ''; $a_style = ( 'custom' === $social['skin'] && isset( $social['bg_color'] ) && $social['bg_color'] ) ? ' style="background:' . esc_attr( $social['bg_color'] ) . '"' : ''; $i_style = ( 'custom' === $social['skin'] && isset( $social['icon_color'] ) && $social['icon_color'] ) ? ' style="color:' . esc_attr( $social['icon_color'] ) . '"' : ''; $i_html = '<i class="' . esc_attr( $i ) . '"' . $i_style . '>'; if ( 'icon-image' == $i && $i_image = $social['icon_image'] ) { $i_image = preg_replace( '/[^\d]/', '', $i_image ); $i_url = wp_get_attachment_image_src( $i_image ); $alt_text = get_post_meta( $i_image, '_wp_attachment_image_alt', true ); if ( $i_url && isset( $i_url[0] ) ) { $i_url[0] = str_replace( array( 'http:', 'https:' ), '', $i_url[0] ); $i_html .= '<img alt="' . esc_attr( $alt_text ) . '" src="' . esc_url( $i_url[0] ) . '" width="' . esc_attr( $i_url[1] ) . '" height="' . esc_attr( $i_url[2] ) . '">'; } } $i_html .= '</i>'; if ( 'open_link' === $social['action'] ) { //parse link $open_link = ( ! isset( $social['open_link'] ) || '||' === $social['open_link'] ) ? '' : $social['open_link']; $open_link = vc_build_link( $open_link ); $use_open_link = false; if ( strlen( $open_link['url'] ) > 0 ) { $use_open_link = true; $a_href = $open_link['url']; $a_title = $open_link['title']; $a_target = strlen( $open_link['target'] ) > 0 ? $open_link['target'] : '_self'; } $i_atts = array(); if ( $use_open_link ) { $i_atts[] = 'href="' . esc_url( trim( $a_href ) ) . '"'; $i_atts[] = 'title="' . esc_attr( trim( $a_title ) ) . '"'; $i_atts[] = 'target="' . esc_attr( trim( $a_target ) ) . '"'; $i_atts = implode( ' ', $i_atts ); $socials_html .= '<a class="' . esc_attr( $c ) . '" ' . $i_atts . $a_style . '>' . $i_html . '</a>'; } } elseif ( 'popup_iframe' === $social['action'] ) { if ( $social['popup_iframe'] ) { $socials_html .= '<a class="' . esc_attr( $c ) . ' porto-popup-iframe" href="' . esc_url( $social['popup_iframe'] ) . '"' . $a_style . '>' . $i_html . '</a>'; } } else { if ( $social['popup_block'] ) { $id = 'popup' . rand(); $socials_html .= '<a class="' . esc_attr( $c ) . ' porto-popup-content" href="#' . esc_attr( $id ) . '" data-animation="' . esc_attr( $social['popup_animation'] ) . '"' . $a_style . '>' . $i_html . '</a>'; $socials_html .= '<div id="' . esc_attr( $id ) . '" class="dialog dialog-' . esc_attr( $social['popup_size'] ) . ' zoom-anim-dialog mfp-hide">' . do_shortcode( '[porto_block name="' . $icon['popup_block'] . '"]' ) . '</div>'; } } } } $output .= '<div class="thumb-info-caption">'; if ( $content || ( 'side-image' === $view_type || 'side-image-right' === $view_type ) && ( $title || $sub_title ) ) { $output .= '<div class="thumb-info-caption-text">'; if ( ( 'side-image' === $view_type || 'side-image-right' === $view_type ) && ( $title || $date || $sub_title ) ) { if ( $use_link && $centered_icons ) { $output .= '<a ' . $attributes . '>'; } if ( $title ) { $output .= '<h2 class="font-weight-semibold m-b-xs">' . wp_kses_post( $title ) . '</h2>'; } if ( $date ) { $output .= '<em class="thumb-info-date m-b-xs">' . esc_html( $date ) . '</em>'; } if ( $sub_title ) { $output .= '<h5 class="font-weight-semibold m-b-xs">' . wp_kses_post( $sub_title ) . '</h5>'; } if ( $use_link && $centered_icons ) { $output .= '</a>'; } } $output .= function_exists( 'wpb_js_remove_wpautop' ) ? wpb_js_remove_wpautop( $content, true ) : do_shortcode( $content ); if ( $socials_html && ( ( 'side-image' === $view_type || 'side-image-right' === $view_type ) && ( $title || $date || $sub_title ) ) ) { $output .= '<span class="thumb-info-social-icons">'; $output .= $socials_html; $output .= '</span>'; } $output .= '</div>'; } if ( $socials_html && ! ( ( 'side-image' === $view_type || 'side-image-right' === $view_type ) && ( $title || $date || $sub_title ) ) ) { $output .= '<span class="thumb-info-social-icons">'; $output .= $socials_html; $output .= '</span>'; } $output .= '</div>'; } $output .= '</div>'; } $output .= '</div>'; } echo porto_filter_output( $output );
Save
Cancel