getShortcode(), $atts );
extract( $atts );
// disabled section
if ( 'yes' === $disable_element ) {
if ( vc_is_page_editable() ) {
$css_classes[] = 'vc_hidden-lg vc_hidden-xs vc_hidden-sm vc_hidden-md';
} else {
return ''; // do not return anything
}
}
// real responsive
if( unite_mobile_detection()->isTablet() && $hide_on_tablet ) {
return ''; // do not return anything
}
if( unite_mobile_detection()->isMobile() && $hide_on_mobile ) {
return ''; // do not return anything
}
// enqueue needed script
wp_enqueue_script( 'wpb_composer_front_js' );
// setup classes array
$el_class = $this->getExtraClass( $el_class ) . $this->getCSSAnimation( $css_animation );
$css_classes = array( 'vc_section', $el_class );
if( is_page() || is_singular("portfolio") ) {
$css_classes[] = 'ut-vc-' . ot_get_option( 'ut_section_spacing_system' , '80' );
}
if ( vc_shortcode_custom_css_has_property( $css, array( 'border', 'background' ) ) || $video_bg || $parallax || $bklyn_overlay || $section_separator_top || $section_separator_bottom ) {
$css_classes[] = 'vc_section-has-fill';
} else {
$css_classes[] = 'vc_section-has-no-fill';
}
// unique ID for this section
if ( empty( $el_id ) ) {
$el_id = uniqid("ut-section-");
}
// setup wrapper attributes array
$wrapper_attributes = array();
$wrapper_attributes[] = 'id="' . esc_attr( $el_id ) . '"';
if ( ! empty( $full_width ) ) {
$wrapper_attributes[] = 'data-vc-full-width="true"';
$wrapper_attributes[] = 'data-vc-full-width-init="false"';
if ( 'stretch_row_content' === $full_width ) {
$wrapper_attributes[] = 'data-vc-stretch-content="true"';
$needs_side_nav_spacing = true;
}
$after_output .= '';
}
if ( ! empty( $full_height ) ) {
$css_classes[] = 'vc_row-o-full-height';
}
if ( ! empty( $content_placement ) ) {
$flex_row = true;
$css_classes[] = 'vc_section-o-content-' . $content_placement;
}
if ( $flex_row ) {
$css_classes[] = 'vc_section-flex';
}
/**
* Custom CSS
*/
$custom_css_style = '';
$section_custom_class = uniqid("ut-section-");
// push class into section class array
$css_classes[] = $section_custom_class;
// create settings array
if( !$parallax && !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"], '.' . $section_custom_class );
// 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"], '.' . $section_custom_class, 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 ) {
$vc_css['background-position'] = $background_position . ' !important;';
}
// custom background attachment
if( $background_attachment && !$parallax ) {
$vc_css['background-attachment'] = $background_attachment . '!important;';
}
// re-assemble custom css
$custom_css_style .= '#' . $el_id . '{' . implode_with_key( $vc_css ) . '}';
}
/**
* Overlay Settings
*/
$overlay_style_id = uniqid("ut-section-overlay-");
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 {
if ( preg_match( '/^#[a-f0-9]{6}$/i', $bklyn_overlay_color ) ) {
$bklyn_overlay_color = 'rgba(' . ut_hex_to_rgb( $bklyn_overlay_color ) . ', 0.8 );';
}
$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-section-with-overlay';
}
if( $section_separator_top || $section_separator_bottom ) {
/* add parent css class */
$css_classes[] = 'bklyn-section-with-separator';
}
/**
* Parallax Background
*/
$parallax_css_style = '';
$parallax_speed_values = array(
1 => 10,
2 => 9,
3 => 8,
4 => 7,
5 => 6,
6 => 5,
7 => 4,
8 => 3,
9 => 2,
10 => 1
);
if( $parallax ) {
$parallax_id = uniqid("ut-parallax-");
$parallax_image_src = ut_extract_custom_css_property( $css, 'background-image', true );
// one time fallback to avoid empty output
if( $parallax_image && empty( $parallax_image_src ) ) {
$parallax_image_src = wp_get_attachment_image_url( $parallax_image, 'full' );
}
// no background image - check for gradient
if( empty( $parallax_image_src ) && !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
$parallax_css_style .= ut_create_gradient_css( $vc_css["background-color"], '#' . $parallax_id );
}
}
}
$parallax_css_style .= '#' . $parallax_id . '{ background-image: url( ' . esc_url( $parallax_image_src ) . ' ); }';
$css_classes[] = 'ut-parallax-section';
}
/**
* Section Background Video
*/
$has_video_bg = ( ! empty( $video_bg ) && ! empty( $video_bg_url ) );
if ( $has_video_bg ) {
if( class_exists('UT_Section_Video_player') ) {
if( ut_video_is_vimeo( $video_bg_url ) ) {
$video = new UT_Section_Video_player();
$containment = $parallax ? '#' . $el_id . ' .parallax-scroll-container' : '#' . $el_id;
$video_background = $video::handle_shortcode( array(
'id' => uniqid("ut-section-video"),
'section' => $containment,
'source' => 'vimeo',
'video_vimeo' => esc_url( $video_bg_url ),
) );
$css_classes[] = 'ut-video-section';
}
if( ut_video_is_youtube( $video_bg_url ) ) {
$video = new UT_Section_Video_player();
$containment = $parallax ? '#' . $el_id . ' .parallax-scroll-container' : '#' . $el_id;
$video_background = $video::handle_shortcode( array(
'id' => uniqid("ut-section-video"),
'section' => $containment,
'source' => 'youtube',
'video' => esc_url( $video_bg_url ),
) );
$css_classes[] = 'ut-video-section';
}
}
}
/**
* Responsive Settings
*/
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';
}
if( $hide_bg_medium ) {
$css_classes[] = 'hide-bg-on-medium';
}
if( $hide_bg_tablet ) {
$css_classes[] = 'hide-bg-on-tablet';
}
if( $hide_bg_mobile ) {
$css_classes[] = 'hide-bg-on-mobile';
}
/**
* Design and Custom CSS
*/
$css_class = preg_replace( '/\s+/', ' ', apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, implode( ' ', array_filter( array_unique( $css_classes ) ) ), $this->settings['base'], $atts ) );
// attributes
$wrapper_attributes[] = 'class="' . esc_attr( trim( $css_class ) ) . '"';
/**
* Section Output
*/
$output .= '';
// section separator top
if( $section_separator_top ) {
$output .= ut_create_section_separator( 'section', 'top', $section_separator_svg_top, $atts );
}
// attach video backrgound markup and script
$output .= $video_background;
// parallax scroll container
if( $parallax ) {
$output .= '';
}
// hidden anchor for menu links
if( !empty( $bklyn_section_anchor_id ) ) {
$output .= '' . $bklyn_section_anchor_id .'';
}
// extra container if navigation and header are located to the left
if( function_exists('ut_return_header_config') && ut_return_header_config( 'ut_header_layout', 'default' ) == 'side' && $needs_side_nav_spacing ) {
$output .= '';
}
// section content
$output .= wpb_js_remove_wpautop( $content );
// extra container if navigation and header are located to the left
if( function_exists('ut_return_header_config') && ut_return_header_config( 'ut_header_layout', 'default' ) == 'side' && $needs_side_nav_spacing ) {
$output .= '
';
}
// hidden anchor for menu links
if( !empty( $bklyn_section_anchor_id ) ) {
$output .= '' . $bklyn_section_anchor_id .'';
}
// custom css
if( !empty( $custom_css_style ) || !empty( $parallax_css_style ) ) {
$output .= '';
}
// section overlay
if( $bklyn_overlay ) {
$output .= '';
}
// section separator bottom
if( $section_separator_bottom ) {
$output .= ut_create_section_separator( 'section', 'bottom', $section_separator_svg_bottom, $atts );
}
$output .= '';
$output .= $after_output;
echo $output;