????
Your IP : 216.73.216.174
<?php
/**
* Visual Composer Icon Box
*
* @package Wanderfuls WordPress Theme
* @subpackage VC Templates
* @version 3.0.0
*/
// Exit if accessed directly
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
// Not needed in admin ever
if ( is_admin() ) {
return;
}
// FALLBACK VARS
$padding = isset( $atts['padding'] ) ? $atts['padding'] : '';
$background = isset( $atts['background'] ) ? $atts['background'] : '';
$background_image = isset( $atts['background_image'] ) ? $atts['background_image'] : '';
$margin_bottom = isset( $atts['margin_bottom'] ) ? $atts['margin_bottom'] : '';
$border_color = isset( $atts['border_color'] ) ? $atts['border_color'] : '';
// Get and extract shortcode attributes
$atts = vc_map_get_attributes( $this->getShortcode(), $atts );
extract( $atts );
// Sanitize data & declare main vars
$url = esc_url( $url );
$inline_js = array();
$css_wrap_classes = array( 'vcex-icon-box-css-wrap' );
$clickable_boxes = array( 'four', 'five', 'six' );
$url_wrap = in_array( $style, $clickable_boxes ) ? 'true' : $url_wrap;
$image = $image ? wp_get_attachment_url( $image ) : '';
$icon = $image ? '' : vcex_get_icon_class( $atts, 'icon' );
$heading_type = $heading_type ? $heading_type : 'h2';
// Match Height Inline JS
if ( vc_is_inline() && false !== strpos( $classes, 'equal-height-content' ) ) {
$inline_js[] = 'equal_height_content';
}
// Icon functions
if ( $icon ) {
// Load icon family CSS
vcex_enqueue_icon_font( $icon_type );
// Icon Style
$icon_style = array();
$icon_style['color'] = $icon_color;
$icon_style['width'] = $icon_width;
$icon_style['font_size'] = $icon_size;
$icon_style['border_radius'] = $icon_border_radius;
$icon_style['background'] = $icon_background;
$icon_style['height'] = $icon_height;
$icon_style['line_height'] = intval( $icon_height ) .'px';
if ( $icon_bottom_margin && in_array( $style, array( 'two', 'three', 'four', 'five', 'six' ) ) ) {
$icon_style['margin_bottom'] = $icon_bottom_margin;
}
// Convert icon style array to inline style
$icon_style = vcex_inline_style( $icon_style );
// Icon Classes
$icon_classes = array( 'vcex-icon-box-icon' );
if ( $icon_background ) {
$icon_classes['vcex-icon-box-w-bg'] = 'vcex-icon-box-w-bg';
}
if ( $icon_width || $icon_height ) {
if ( $icon_height ) {
unset( $icon_classes['vcex-icon-box-w-bg'] );
}
$icon_classes[] = 'no-padding';
}
$icon_classes = implode( ' ', $icon_classes );
}
// Main Classes
$wrapper_classes = array( 'vcex-icon-box', 'clr' );
if ( $style ) {
$wrapper_classes[] = 'vcex-icon-box-'. $style;
}
if ( empty( $icon ) && empty( $image ) ) {
$wrapper_classes[] = 'vcex-icon-box-wo-icon';
}
if ( $url && 'true' == $url_wrap ) {
$wrapper_classes[] = 'vcex-icon-box-link-wrap';
}
if ( $alignment ) {
$wrapper_classes[] = 'align'. $alignment;
}
if ( $icon_background ) {
$wrapper_classes[] = 'vcex-icon-box-w-bg';
}
if ( 'true' == $hover_white_text ) {
$wrapper_classes['tb-hover-white-text'] = 'tb-hover-white-text';
$css_wrap_classes[] = 'tb-hover-white-text';
}
if ( $hover_animation ) {
if ( $css ) {
$css_wrap_classes[] = tb_hover_animation_class( $hover_animation );
} else {
$wrapper_classes[] = tb_hover_animation_class( $hover_animation );
}
vcex_enque_style( 'hover-animations' );
}
if ( ! $hover_animation && $hover_background ) {
$wrapper_classes[] = 'animate-all-hover';
$css_wrap_classes[] = 'animate-bg-hover';
}
if ( $css_animation ) {
$wrapper_classes[] = $this->getCSSAnimation( $css_animation );
}
if ( $classes ) {
$wrapper_classes[] = $this->getExtraClass( $classes );
}
if ( $visibility ) {
$wrapper_classes[] = $visibility;
}
if ( $css ) {
$css_class = vc_shortcode_custom_css_class( $css );
if ( in_array( $style, array( 'one', 'seven' ) ) ) {
$css_wrap_classes[] = $css_class;
} else {
$wrapper_classes[] = $css_class;
}
}
// Container Style
$wrapper_style = array();
if ( $border_radius ) {
$wrapper_style['border_radius'] = $border_radius;
}
if ( 'six' == $style && $icon_color ) {
$wrapper_style['color'] = $icon_color;
}
if ( 'one' == $style && $container_left_padding ) {
$wrapper_style['padding_left'] = $container_left_padding;
}
if ( 'seven' == $style && $container_right_padding ) {
$wrapper_style['padding_right'] = $container_right_padding;
}
// Fallback styles if $css is empty
if ( ! $css ) {
if ( $padding ) {
$wrapper_style['padding'] = $padding;
}
if ( 'four' == $style && $border_color ) {
$wrapper_style['border_color'] = $border_color;
}
if ( 'six' == $style && $icon_background && '' === $background ) {
$wrapper_style['background_color'] = $icon_background;
}
if ( $background && in_array( $style, $clickable_boxes ) ) {
$wrapper_style['background_color'] = $background;
}
if ( $background_image && in_array( $style, $clickable_boxes ) ) {
$background_image = wp_get_attachment_url( $background_image );
$wrapper_style['background_image'] = $background_image;
$wrapper_classes[] = 'vcex-background-'. $background_image_style;
}
if ( $margin_bottom ) {
$wrapper_style['margin_bottom'] = $margin_bottom;
}
}
// Wrapper data
$wrapper_data = array();
if ( $hover_background ) {
$wrapper_data[] = 'data-hover-background="'. $hover_background .'"';
}
if ( $hover_background ) {
$wrapper_classes['tb-data-hover'] = 'tb-data-hover';
$css_wrap_classes[] = 'tb-data-hover';
$inline_js['data_hover'] = 'data_hover';
}
// Content style
$content_style = vcex_inline_style( array(
'color' => $font_color,
'font_size' => $font_size,
) );
// Link data
if ( $url ) {
$url_classes = '';
if ( 'true' != $url_wrap ) {
$url_classes = 'vcex-icon-box-link';
}
if ( 'local' == $url_target ) {
$url_classes .= ' local-scroll-link';
} elseif ( '_blank' == $url_target ) {
$url_target = ' target="_blank"';
} else {
$url_target = '';
}
if ( $url_rel ) {
$url_rel = ' rel="'. $url_rel .'"';
}
}
// Heading style
if ( $heading ) {
if ( $heading_font_family ) {
tb_enqueue_google_font( $heading_font_family );
}
$heading_style = vcex_inline_style( array(
'font_family' => $heading_font_family,
'font_weight' => $heading_weight,
'color' => $heading_color,
'font_size' => $heading_size,
'letter_spacing' => $heading_letter_spacing,
'margin_bottom' => $heading_bottom_margin,
'text_transform' => $heading_transform,
) );
}
// Load inline js for front end editor
if ( ! empty( $inline_js ) ) {
vcex_inline_js( $inline_js );
}
// Open new wrapper for icon style 1
if ( $css && in_array( $style, array( 'one', 'seven' ) ) ) : ?>
<?php
// Remove wrapper hover
if ( isset( $wrapper_classes['tb-data-hover'] ) ) {
unset( $wrapper_classes['tb-data-hover'] );
}
if ( isset( $wrapper_classes['tb-hover-white-text'] ) ) {
unset( $wrapper_classes['tb-hover-white-text'] );
}
// Convert wrapper classes to string
$css_wrap_classes = implode( ' ', $css_wrap_classes );
// Add hover animations to css div
$outer_wrap_data = '';
if ( $hover_background ) {
$outer_wrap_data = 'data-hover-background="'. $hover_background .'"';
}?>
<div class="<?php echo $css_wrap_classes; ?>"<?php echo $outer_wrap_data; ?>>
<?php endif; ?>
<?php
// Convert arrays to strings
$wrapper_classes = implode( ' ', $wrapper_classes );
$wrapper_data = implode( ' ', $wrapper_data );
$wrapper_style = vcex_inline_style( $wrapper_style );
// Open link tag if url and url_wrap are defined
if ( $url && 'true' == $url_wrap ) : ?>
<a href="<?php echo $url; ?>" title="<?php echo esc_attr( $heading ); ?>" class="<?php echo $wrapper_classes; ?>"<?php vcex_unique_id( $unique_id ); ?><?php echo $wrapper_style; ?><?php echo $url_target; ?><?php echo $url_rel; ?><?php echo $wrapper_data; ?>>
<?php else : ?>
<div class="<?php echo $wrapper_classes; ?>"<?php vcex_unique_id( $unique_id ); ?><?php echo $wrapper_style; ?><?php echo $wrapper_data; ?>>
<?php endif; ?>
<?php
// Open link if url is defined and the entire wrapper isn't a link
if ( $url && 'true' != $url_wrap ) : ?>
<a href="<?php echo $url; ?>" title="<?php echo esc_attr( $heading ); ?>" class="<?php echo $url_classes; ?>"<?php echo $url_target; ?><?php echo $url_rel; ?>>
<?php endif; ?>
<?php
// Display Image Icon Alternative
if ( $image ) : ?>
<img src="<?php echo $image; ?>" alt="<?php echo esc_attr( $heading ); ?>" class="vcex-icon-box-image"<?php echo vcex_inline_style( array( 'width' => $image_width ) ); ?> />
<?php
// Display Icon
elseif ( $icon ) : ?>
<div class="<?php echo $icon_classes; ?>"<?php echo $icon_style; ?>>
<?php
// Display alternative icon
if ( $icon_alternative_classes ) : ?>
<span class="<?php echo $icon_alternative_classes; ?>"></span>
<?php
// Display theme supported icon
else : ?>
<span class="<?php echo $icon; ?>"></span>
<?php endif; ?>
</div><!-- .<?php echo $icon_classes; ?> -->
<?php endif; ?>
<?php
// Display heading if defined
if ( $heading ) : ?>
<<?php echo $heading_type; ?> class="vcex-icon-box-heading"<?php echo $heading_style; ?>>
<?php echo $heading; ?>
</<?php echo $heading_type; ?>>
<?php endif; ?>
<?php
// Close link around heading and icon
if ( $url && 'true' != $url_wrap ) echo '</a>'; ?>
<?php
// Display content if defined
if ( $content ) : ?>
<div class="vcex-icon-box-content clr"<?php echo $content_style; ?>>
<?php echo apply_filters( 'the_content', $content ); ?>
</div><!-- .vcex-icon-box-content -->
<?php endif; ?>
<?php
// Close outer link wrap
if ( $url && 'true' == $url_wrap ) : ?>
</a><!-- .vcex-icon-box -->
<?php
// Close outer div wrap
else : ?>
</div><!-- .vcex-icon-box -->
<?php endif; ?>
<?php
// Close css wrapper for icon style one
if ( $css && in_array( $style, array( 'one', 'seven' ) ) ) echo '</div>'; ?>