getShortcode(), $atts ); extract( $atts ); wp_enqueue_script( 'wpb_composer_front_js' ); $el_class = $this->getExtraClass( $el_class ) . $this->getCSSAnimation( $css_animation ); $css_classes = array( 'vc_row', 'wpb_row', //deprecated 'vc_row-fluid', $el_class, vc_shortcode_custom_css_class( $css ), ); 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 ''; } } if ( vc_shortcode_custom_css_has_property( $css, array( 'border', 'background', ) ) || $video_bg || $parallax ) { $css_classes[] = 'vc_row-has-fill'; } if ( vc_shortcode_custom_css_has_property( $css, array( 'padding-top', ) ) ) { $css_classes[] = 'vc_row-has-padding-top'; } if ( vc_shortcode_custom_css_has_property( $css, array( 'padding-bottom', ) ) ) { $css_classes[] = 'vc_row-has-padding-bottom'; } if ( vc_shortcode_custom_css_has_property( $css, array( 'padding-left', ) ) ) { $css_classes[] = 'vc_row-has-padding-left'; } if ( vc_shortcode_custom_css_has_property( $css, array( 'padding-right', ) ) ) { $css_classes[] = 'vc_row-has-padding-right'; } if ( ! empty( $atts['gap'] ) ) { $css_classes[] = 'vc_column-gap-' . $atts['gap']; } if ( ! empty( $atts['rtl_reverse'] ) ) { $css_classes[] = 'vc_rtl-columns-reverse'; } $wrapper_attributes = array(); // build attributes for wrapper if ( ! empty( $el_id ) ) { $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"'; } elseif ( 'stretch_row_content_no_spaces' === $full_width ) { $wrapper_attributes[] = 'data-vc-stretch-content="true"'; $css_classes[] = 'vc_row-no-padding'; } $after_output .= '

'; } if ( ! empty( $full_height ) ) { $css_classes[] = 'vc_row-o-full-height'; if ( ! empty( $columns_placement ) ) { $flex_row = true; $css_classes[] = 'vc_row-o-columns-' . $columns_placement; if ( 'stretch' === $columns_placement ) { $css_classes[] = 'vc_row-o-equal-height'; } } } if ( ! empty( $equal_height ) ) { $flex_row = true; $css_classes[] = 'vc_row-o-equal-height'; } if ( ! empty( $kd_fixed_background ) ) { $css_classes[] = 'vc_row-fixed-bg'; } $rounded_up_top_svg = ''; $rounded_down_top_svg = ''; $rounded_up_bottom_svg = ''; $rounded_down_bottom_svg = ''; $skew_left_bottom_svg = ''; $skew_right_bottom_svg = ''; $skew_left_top_svg = ''; $skew_right_top_svg = ''; $arrow_down_bottom_svg = ''; $arrow_up_bottom_svg = ''; $arrow_down_top_svg = ''; $arrow_up_top_svg = ''; $triangle_left_top_svg = ''; $triangle_right_top_svg = ''; $triangle_left_bottom_svg = ''; $triangle_right_bottom_svg = ''; $small_triangle_top_svg = ''; $small_triangle_bottom_svg = ''; if ( ! empty( $kd_top_separator ) ) { $top_separator_inline_css = ( '' !== $kd_top_separator_bg ) ? ' style="fill:' . $kd_top_separator_bg . ';"' : ''; if ( 'rounded-up' === $kd_top_separator_style ) { $top_svg_object = ''; } elseif ( 'rounded-down' === $kd_top_separator_style ) { $top_svg_object = ''; } elseif ( 'skew-left' === $kd_top_separator_style ) { $top_svg_object = ''; } elseif ( 'skew-right' === $kd_top_separator_style ) { $top_svg_object = ''; } elseif ( 'arrow-down' === $kd_top_separator_style ) { $top_svg_object = ''; } elseif ( 'arrow-up' === $kd_top_separator_style ) { $top_svg_object = ''; } elseif ( 'triangle-left' === $kd_top_separator_style ) { $top_svg_object = ''; } elseif ( 'triangle-right' === $kd_top_separator_style ) { $top_svg_object = ''; } elseif ( 'small-triangle' === $kd_top_separator_style ) { $css_classes[] = 'vc_row-small-triangle-sep'; $top_svg_object = ''; } } if ( ! empty( $kd_bottom_separator ) ) { $bottom_separator_inline_css = ( '' !== $kd_bottom_separator_bg ) ? ' style="fill:' . $kd_bottom_separator_bg . ';"' : ''; if ( 'rounded-up' === $kd_bottom_separator_style ) { $bottom_svg_object = ''; } elseif ( 'rounded-down' === $kd_bottom_separator_style ) { $bottom_svg_object = ''; } elseif ( 'skew-left' === $kd_bottom_separator_style ) { $bottom_svg_object = ''; } elseif ( 'skew-right' === $kd_bottom_separator_style ) { $bottom_svg_object = ''; } elseif ( 'arrow-down' === $kd_bottom_separator_style ) { $bottom_svg_object = ''; } elseif ( 'arrow-up' === $kd_bottom_separator_style ) { $bottom_svg_object = ''; } elseif ( 'triangle-left' === $kd_bottom_separator_style ) { $bottom_svg_object = ''; } elseif ( 'triangle-right' === $kd_bottom_separator_style ) { $bottom_svg_object = ''; } elseif ( 'small-triangle' === $kd_bottom_separator_style ) { $css_classes[] = 'vc_row-small-triangle-sep'; $bottom_svg_object = ''; } } if ( ! empty( $content_placement ) ) { $flex_row = true; $css_classes[] = 'vc_row-o-content-' . $content_placement; } if ( ! empty( $flex_row ) ) { $css_classes[] = 'vc_row-flex'; } $has_video_bg = ( ! empty( $video_bg ) && ! empty( $video_bg_url ) && vc_extract_youtube_id( $video_bg_url ) ); $parallax_speed = $parallax_speed_bg; if ( $has_video_bg ) { $parallax = $video_bg_parallax; $parallax_speed = $parallax_speed_video; $parallax_image = $video_bg_url; $css_classes[] = 'vc_video-bg-container'; wp_enqueue_script( 'vc_youtube_iframe_api_js' ); } if ( ! empty( $parallax ) ) { //wp_enqueue_script( 'vc_jquery_skrollr_js' ); $wrapper_attributes[] = 'data-vc-kd-parallax="' . esc_attr( $parallax_speed ) . '"'; // parallax speed $css_classes[] = 'vc_general kd_vc_parallax kd_vc_parallax-' . $parallax; if ( false !== strpos( $parallax, 'fade' ) ) { $css_classes[] = 'js-vc_parallax-o-fade'; $wrapper_attributes[] = 'data-vc-parallax-o-fade="on"'; } elseif ( false !== strpos( $parallax, 'fixed' ) ) { $css_classes[] = 'js-vc_parallax-o-fixed'; } } if ( ! empty( $parallax_image ) ) { if ( $has_video_bg ) { $parallax_image_src = $parallax_image; } else { $parallax_image_id = preg_replace( '/[^\d]/', '', $parallax_image ); $parallax_image_src = wp_get_attachment_image_src( $parallax_image_id, 'full' ); if ( ! empty( $parallax_image_src[0] ) ) { $parallax_image_src = $parallax_image_src[0]; } } $wrapper_attributes[] = 'data-vc-parallax-image="' . esc_attr( $parallax_image_src ) . '"'; } if ( ! $parallax && $has_video_bg ) { $wrapper_attributes[] = 'data-vc-video-bg="' . esc_attr( $video_bg_url ) . '"'; } if ( ! empty( $kd_image_overlay ) ) { $overlay_inline_css = ( '' !== $kd_image_overlay_color ) ? ' style="background-color:' . $kd_image_overlay_color . ';"' : ''; } $css_class = preg_replace( '/\s+/', ' ', apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, implode( ' ', array_filter( array_unique( $css_classes ) ) ), $this->settings['base'], $atts ) ); $wrapper_attributes[] = 'class="' . esc_attr( trim( $css_class ) ) . '"'; $output .= '

'; if ( ! empty( $parallax ) ) { $output .= '

'; } if ( !empty( $kd_image_overlay ) && !empty($kd_image_overlay_color) ) { $output .= '

'; } if ( !empty( $kd_top_separator) && $kd_top_separator_style != 'rounded' ) { $output .= '

'; $output .= $top_svg_object; $output .= '

'; $output .= '

'; } $output .= wpb_js_remove_wpautop( $content ); if ( !empty( $kd_bottom_separator) && $kd_bottom_separator_style != 'rounded' ) { $output .= '

'; $output .= $bottom_svg_object; $output .= '

'; $output .= '

'; } $output .= '

'; $output .= $after_output; echo $output;