File: /home/adventp/www/wp-content/themes/brooklyn/vc_templates/vc_column.php
<?php
if ( ! defined( 'ABSPATH' ) ) {
die( '-1' );
}
/**
* Shortcode attributes
* @var $atts
* @var $el_class
* @var $width
* @var $css
* @var $offset
* @var $content - shortcode content
* Shortcode class
* @var $this WPBakeryShortCode_VC_Column
*/
$el_class = $width = $css = $offset = $hide_on_desktop = $hide_on_tablet = $hide_on_mobile = $add_box_shadow = $shadow_color = $shadow_color_hover = $add_box_shadow_spacing = '';
$background_attachment = $background_position = $parallax = $hide_bg_tablet = $hide_bg_mobile = $hide_bg_medium = '';
$bklyn_activate_background_text = $bklyn_background_text = false;
$gradient_background = $gradient_overlay_background = false;
$animate_background_position = $background_position = $background_position_x = $background_position_y = $background_position_x_medium = $background_position_y_medium = $background_position_x_tablet = $background_position_y_tablet = $background_position_x_mobile = $background_position_y_mobile = '';
$animate_once = 'yes';
$sticky_on_scroll = '';
$distortion = $early_distortion_effect = $background_distortion_1 = $background_distortion_2 = $distortion_ease = $distortion_speed_in = $distortion_speed_out = $distortion_intensity = '';
$distortion_effect = 1;
$force_padding = $force_padding_desktop = $force_padding_tablet = $force_padding_mobile = '';
$force_padding_tablet_inherit = $force_padding_mobile_inherit = '';
$overflow_visible = $overflow_visible_tablet = $overflow_visible_mobile = '';
// custom cursor
$cursor_skin = '';
$output = '';
// get shortcode attributes
$atts = vc_map_get_attributes( $this->getShortcode(), $atts );
extract( $atts );
$width = wpb_translateColumnWidthToSpan( $width );
$width = vc_column_offset_class_merge( $offset, $width );
$css_classes = array(
$this->getExtraClass( $el_class ),
'wpb_column',
'vc_column_container',
$width,
);
if( vc_shortcode_custom_css_has_property( $css, array('border', 'background', 'background-image', 'background-color' ), true ) || $bklyn_overlay || $distortion ) {
$css_classes[]='vc_col-has-fill';
}
if( $distortion ) {
$css_classes[] = 'ut-background-with-distortion-effect';
}
if( $early_distortion_effect == 'on' ) {
$css_classes[] = 'ut-early-distortion-effect';
}
if( $sticky_on_scroll == 'on' ) {
$css_classes[] = 'ut-stick-in-parent';
}
if( $overflow_visible ) {
$css_classes[] = 'ut-overflow-hidden';
}
if( $overflow_visible_tablet ) {
$css_classes[] = 'ut-overflow-hidden-tablet';
}
if( $overflow_visible_mobile ) {
$css_classes[] = 'ut-overflow-hidden-mobile';
}
// animation
$animation_attributes = array();
/* fill animation classes */
if( !empty( $effect ) && $effect != 'none' ) {
$css_classes[] = 'ut-animate-element';
$css_classes[] = 'animated';
if( $animate_tablet == 'false' || !$animate_tablet ) {
$css_classes[] = 'ut-no-animation-tablet';
}
if( $animate_mobile == 'false' || !$animate_mobile ) {
$css_classes[] = 'ut-no-animation-mobile';
}
if( $animate_once == 'infinite' ) {
$css_classes[] = 'infinite';
}
$animation_attributes['data-effect'] = esc_attr( $effect );
$animation_attributes['data-animateonce'] = esc_attr( $animate_once );
//$animation_attributes['data-appear-top-offset'] = '-120';
$delay_timer = isset( $delay_timer ) && $delay_timer != '' ? $delay_timer : 200;
$animation_attributes['data-delay'] = $delay == 'true' ? esc_attr( $delay_timer ) : 0;
$animation_duration = !empty( $animation_duration ) ? $animation_duration : '1s';
$animation_attributes['data-animation-duration'] = esc_attr( $animation_duration );
}
/* attributes string */
$animation_attributes = implode(' ', array_map(
function ($v, $k) { return sprintf("%s=\"%s\"", $k, $v); },
$animation_attributes,
array_keys( $animation_attributes )
) );
/**
* Custom CSS
*/
$column_inner_id = uniqid("ut_inner_column_");
$custom_css_style = '';
$inner_css_classes = array();
$inner_attributes = array();
// force padding
if( $force_padding == 'on' ) {
$force_padding_tablet = $force_padding_tablet_inherit != 'yes' ? $force_padding_desktop : $force_padding_tablet;
$force_padding_mobile = $force_padding_mobile_inherit != 'yes' ? $force_padding_tablet : $force_padding_mobile;
$inner_css_classes[] = 'ut-forced-padding';
$inner_css_classes[] = 'ut-force-padding-desktop-' . $force_padding_desktop;
$inner_css_classes[] = 'ut-force-padding-tablet-' . $force_padding_tablet;
$inner_css_classes[] = 'ut-force-padding-mobile-' . $force_padding_mobile;
}
// box shadow
if( $add_box_shadow ) {
$inner_css_classes[] = 'ut-column-shadow';
}
if( $add_box_shadow && $shadow_color ) {
$custom_css_style .= '#' . $column_inner_id . '.ut-column-shadow { transition: box-shadow 0.3s ease-in-out; box-shadow: 0 0 20px ' . $shadow_color . '; }';
}
if( $add_box_shadow && $shadow_color_hover ) {
$custom_css_style .= '#' . $column_inner_id . ':hover.ut-column-shadow { box-shadow: 0 0 20px ' . $shadow_color_hover . '; }';
}
if( $add_box_shadow && $add_box_shadow_spacing ) {
$custom_css_style .= '#' . $column_inner_id . '.ut-column-shadow { margin: 20px; }';
}
// create settings array
if( !empty( $atts['css'] ) && ut_vc_css_to_array( $atts['css'] ) ) {
$vc_css = ut_vc_css_to_array( $atts['css'] );
if( isset( $vc_css["background-color"] ) ) {
if( function_exists("ut_create_gradient_css") && ut_create_gradient_css( $vc_css["background-color"] ) ) {
// add background image
$custom_css_style .= ut_create_gradient_css( $vc_css["background-color"], '#' . $column_inner_id );
// remove vc background color
$vc_css = ut_clean_up_vc_css_array( $vc_css, 'background-color' );
}
}
// background with gradient and background image
if( isset( $vc_css["background"] ) ) {
if( function_exists("ut_create_gradient_css") && ut_create_gradient_css( $vc_css["background"] ) ) {
// add background image
$custom_css_style .= ut_create_gradient_css( $vc_css["background"], '#' . $column_inner_id, false, 'background' );
// remove vc background
unset( $vc_css['background'] );
}
}
// remove image on mobile devices
if( unite_mobile_detection()->isMobile() && $hide_bg_mobile ) {
unset( $vc_css['background-image'] );
}
// remove image on tablet devices
if( unite_mobile_detection()->isTablet() && $hide_bg_tablet ) {
unset( $vc_css['background-image'] );
}
// custom background position
if( $background_position ) {
if( $background_position != 'custom' ) {
$vc_css['background-position'] = $background_position . ' !important;';
} else {
$vc_css['background-position'] = $background_position_x . ' ' . $background_position_y . ' !important;';
}
}
// custom background position medium desktop
if( $background_position == 'custom' && $background_position_x_medium && $background_position_y_medium ) {
$vc_css_medium['background-position'] = $background_position_x_medium . ' ' . $background_position_y_medium . ' !important';
}
// custom background position tablet
if( $background_position == 'custom' && $background_position_x_tablet && $background_position_y_tablet ) {
$vc_css_tablet['background-position'] = $background_position_x_tablet . ' ' . $background_position_y_tablet . ' !important';
}
// custom background position mobile
if( $background_position == 'custom' && $background_position_x_mobile && $background_position_y_mobile ) {
$vc_css_mobile['background-position'] = $background_position_x_mobile . ' ' . $background_position_y_mobile . ' !important';
}
// custom background attachment
if( $background_attachment && !$parallax ) {
$vc_css['background-attachment'] = $background_attachment . '!important';
}
if( !empty( $vc_css['background-image'] ) ) {
$inner_css_classes[] = 'ut-background-lozad';
$inner_attributes[] = 'data-background-image="' . ut_extract_custom_css_property( $css, 'background-image', true ) . '"';
unset( $vc_css['background-image'] );
}
// re-assemble custom css
$custom_css_style .= '#' . $column_inner_id . '{' . implode_with_key( $vc_css ) . '}';
if( !empty( $vc_css_medium ) ) {
$custom_css_style .= '@media (min-width: 1025px) and (max-width: 1600px) { #' . $column_inner_id . '{' . implode_with_key( $vc_css_medium ) . '} }';
}
if( !empty( $vc_css_tablet ) ) {
$custom_css_style .= '@media (min-width: 768px) and (max-width: 1024px) { #' . $column_inner_id . '{' . implode_with_key( $vc_css_tablet ) . '} }';
}
if( !empty( $vc_css_mobile ) ) {
$custom_css_style .= '@media (max-width: 767px) { #' . $column_inner_id . '{' . implode_with_key( $vc_css_mobile ) . '} }';
}
}
/**
* Overlay Settings
*/
$overlay_style_id = uniqid("ut_column_overlay_");
$overlay_effect_id = uniqid("ut-section-overlay-effect-");
if( $bklyn_overlay && $bklyn_overlay_color ) {
if( function_exists("ut_create_gradient_css") && ut_create_gradient_css( $bklyn_overlay_color ) ) {
$custom_css_style .= ut_create_gradient_css( $bklyn_overlay_color, '#' . $overlay_style_id, ( $bklyn_overlay_pattern ? $bklyn_overlay_pattern_style : false ) );
$gradient_overlay_background = true;
} else {
$custom_css_style .= '#' . $overlay_style_id . '{ background-color: ' . $bklyn_overlay_color . ';}';
}
}
if( $bklyn_overlay_pattern && !$gradient_overlay_background && 'bklyn-custom-pattern' == $bklyn_overlay_pattern_style && !empty( $bklyn_overlay_custom_pattern ) ) {
$bklyn_overlay_custom_pattern = wp_get_attachment_url( $bklyn_overlay_custom_pattern );
$custom_css_style .= '#' . $overlay_style_id . '{ background-image: url( ' . esc_url( $bklyn_overlay_custom_pattern ) . '); }';
}
if( $bklyn_overlay ) {
/* add parent css class */
$css_classes[] = 'bklyn-column-with-overlay';
}
if( $bklyn_overlay_effect ) {
/* add parent css class */
$css_classes[] = 'bklyn-section-with-overlay-effect';
// $effect config
$overlay_effect_config = ut_create_overlay_effect_settings( $atts );
if( in_array( $bklyn_overlay_effect , array('pipeline','shift','aurora') )) {
$css_classes[] = 'bklyn-section-with-overlay-effect-solid';
}
}
/**
* Responsive Settings
*/
if( $hide_bg_tablet ) {
$inner_css_classes[] = 'hide-bg-on-tablet';
}
if( $hide_bg_mobile ) {
$inner_css_classes[] = 'hide-bg-on-mobile';
}
if( $hide_bg_medium ) {
$inner_css_classes[] = 'hide-bg-on-medium';
}
// responsive classes
if( $hide_on_desktop ) {
$css_classes[] = 'hide-on-desktop';
}
if( $hide_on_tablet ) {
$css_classes[] = 'hide-on-tablet';
}
if( $hide_on_mobile ) {
$css_classes[] = 'hide-on-mobile';
}
// box shadow
if( $add_box_shadow ) {
// $css_classes[] = 'hide-on-mobile';
}
/**
* Glitch Effect
*/
if( $glitch_effect && $glitch_effect != 'none' ) {
$glitch = new UT_Glitch_Effect( array(
'glitch_effect' => $glitch_effect,
'image_desktop' => ut_extract_custom_css_property( $css, 'background-image', true ),
'permanent_glitch' => $permanent_glitch,
'accent_1' => $accent_1,
'accent_2' => $accent_2,
'accent_3' => $accent_3,
'glitch_transparent' => $glitch_transparent,
'glitch_effect_transparent' => $glitch_effect_transparent,
'skip_first_layer' => !empty( $distortion )
) );
$inner_css_classes[] = 'ut-has-element-glitch';
} else {
$glitch_effect = false;
}
/**
* Background Text
*/
if( $bklyn_activate_background_text == 'on' && !empty( $bklyn_background_text ) ) {
$css_classes[] = 'ut-has-background-text';
}
/**
* Reveal FX
*/
if( $reveal_fx == 'on' && function_exists('ut_create_reveal_fx') ) {
$reveal_container = ut_create_reveal_fx( $atts );
$css_classes[] = 'ut-element-revealer-parent';
if( $add_box_shadow ) {
$css_classes[] = 'ut-element-revealer-parent-shadow';
}
// animation in background
if( $reveal_position == 'back' ) {
$css_classes[] = 'ut-element-revealer-in-back-parent';
}
}
/**
* Design and Custom CSS
*/
$css_class = preg_replace( '/\s+/', ' ', apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, implode( ' ', array_filter( $css_classes ) ), $this->settings['base'], $atts ) );
// attributes
$wrapper_attributes = array();
if( $cursor_skin !== 'inherit' ) {
$wrapper_attributes[] = 'data-cursor-skin="' . esc_attr( $cursor_skin ) . '"';
}
$wrapper_attributes[] = 'class="' . esc_attr( trim( $css_class ) ) . '"';
$wrapper_attributes[] = $animation_attributes;
/**
* Column Output
*/
$output .= '<div ' . implode( ' ', $wrapper_attributes ) . '>';
$output .= '<div id="' . $column_inner_id . '" class="vc_column-inner ' . implode(' ', $inner_css_classes ) . '" ' . implode( ' ', $inner_attributes ) . '>';
if( $bklyn_activate_background_text == 'on' && !empty( $bklyn_background_text ) ) {
$output .= ut_create_background_text_template( $atts, $column_inner_id, 'vc_column' );
}
// Background Distortion
if( $distortion && !$parallax ) {
// Start Class
$distortion = new UT_Distortion_Background( $atts );
// Set Images
$distortion->set_default_image( $background_distortion_1 );
$distortion->set_hover_image( $background_distortion_2 );
// Set Effect
$distortion->set_effect( $distortion_effect );
$output .= $distortion->html();
}
// Glitch Effect
if( $glitch_effect && !$parallax ) {
$output .= $glitch->render();
}
// column overlay
if( $bklyn_overlay ) {
$output .= '<div id="' . $overlay_style_id . '" class="bklyn-overlay ' . ( $bklyn_overlay_pattern ? $bklyn_overlay_pattern_style : '' ) . '"></div>';
}
// particle effect
if( $bklyn_overlay_effect ) {
$output .= '<div id="' . $overlay_effect_id . '" class="bklyn-overlay-effect" data-effect="' . esc_attr( $bklyn_overlay_effect == 'true' ? 'particle' : $bklyn_overlay_effect ) . '" data-effect-config=\'' . json_encode( $overlay_effect_config ) . '\'></div>';
}
$output .= '<div class="wpb_wrapper">';
// row content
$output .= wpb_js_remove_wpautop( $content );
$output .= '</div>';
$output .= '</div>';
// custom css
if( !empty( $custom_css_style ) ) {
$output .= '<style type="text/css">' . $custom_css_style . '</style>';
}
// Reveal FX
if( $reveal_fx == 'on' ) {
$output .= $reveal_container['content'];
}
$output .= '</div>';
echo ut_safe_output( $output );