function TS_VCSC_Page_Background_Function($atts) { global $VISUAL_COMPOSER_EXTENSIONS; ob_start(); if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode == "true") { $frontend = "true"; } else { $frontend = "false"; } wp_enqueue_style('ts-visual-composer-extend-front'); wp_enqueue_script('ts-visual-composer-extend-front'); extract(shortcode_atts(array('type' => 'image', 'video_youtube' => '', 'video_mute' => 'true', 'video_loop' => 'false', 'video_start' => 'false', 'video_stop' => 'true', 'video_controls' => 'true', 'video_raster' => 'false', 'video_mp4' => '', 'video_ogv' => '', 'video_webm' => '', 'video_image' => '', 'fixed_image' => '', 'trianglify_colorsx' => 'random', 'trianglify_colorsy' => 'match_x', 'trianglify_generatorx' => '', 'trianglify_generatory' => '', 'trianglify_cellsize' => 50, 'trianglify_variance' => 0.75, 'slide_images' => '', 'slide_auto' => 'true', 'slide_controls' => 'true', 'slide_shuffle' => 'false', 'slide_delay' => 5000, 'slide_bar' => 'true', 'slide_transition' => 'random', 'slide_switch' => 2000, 'slide_animation' => 'null', 'slide_halign' => 'center', 'slide_valign' => 'center', 'allow_mobile' => 'false', 'raster_use' => 'false', 'raster_type' => '', 'overlay_use' => 'false', 'overlay_color' => 'rgba(30,115,190,0.25)', 'overlay_opacity' => 25, 'el_id' => '', 'el_class' => '', 'css' => ''), $atts)); $randomizer = mt_rand(999999, 9999999); if (!empty($el_id)) { $background_id = $el_id; } else { $background_id = 'ts-vcsc-pageback-' . $randomizer; } $output = ''; if ($frontend == "false") { if ($type == "triangle") { wp_enqueue_script('ts-extend-trianglify'); } else { if ($type == "slideshow") { wp_enqueue_style('ts-extend-vegas'); wp_enqueue_script('ts-extend-vegas'); } else { if ($type == "youtube") { wp_enqueue_style('ts-extend-ytplayer'); wp_enqueue_script('ts-extend-ytplayer'); } else { if ($type == "video") { wp_enqueue_style('ts-font-mediaplayer'); wp_enqueue_style('ts-extend-wallpaper'); wp_enqueue_script('ts-extend-wallpaper'); } } } } } if (function_exists('vc_shortcode_custom_css_class')) { $css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, '' . vc_shortcode_custom_css_class($css, ' '), 'TS_VCSC_Page_Background', $atts); } else { $css_class = ''; } if ($type == "image") { if ($frontend == "true") { $image_path = wp_get_attachment_image_src($fixed_image, 'thumbnail'); } else { if ($frontend == "false") { $image_path = wp_get_attachment_image_src($fixed_image, 'full'); } } $image_path = $image_path[0]; if ($raster_use == "true" && $raster_type != '') { $raster_content = '<div class="ts-background-raster" style="background-image: url(' . $raster_type . ');"></div>'; } else { $raster_content = ''; } if ($overlay_use == "true" && $overlay_color != '') { $overlay_content = '<div class="ts-background-overlay" style="background: ' . $overlay_color . ';"></div>'; } else { $overlay_content = ''; } if ($frontend == "true") { $output .= '<div id="' . $background_id . '" class="ts-pageback-image-edit ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-image="' . $image_path . '" data-controls="' . $video_controls . '" data-raster="' . $video_raster . '">'; $output .= '<img class="ts-background-image-holder-edit" src="' . $image_path . '">'; $output .= '<div class="ts-pageback-title">TS Page Background</div>'; $output .= '<div class="ts-pageback-notes">' . __("Background Type", "ts_visual_composer_extend") . ': ' . __("Fixed Image", "ts_visual_composer_extend") . '</div>'; $output .= '<div class="ts-pageback-notes">' . __("Background Image", "ts_visual_composer_extend") . ': ' . $fixed_image . '</div>'; $output .= '</div>'; } else { $output = '<div id="' . $background_id . '" class="ts-pageback-image ' . $css_class . ' ' . $el_class . '" data-mobile="' . $allow_mobile . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-image="' . $image_path . '" data-controls="' . $video_controls . '" data-raster="' . $video_raster . '">'; $output .= '<img class="ts-background-image-holder" src="' . $image_path . '">'; $output .= $overlay_content; $output .= $raster_content; $output .= '</div>'; } } if ($type == "slideshow") { if ($raster_use == "true" && $raster_type != '') { $raster_content = '<div class="ts-background-raster" style="background-image: url(' . $raster_type . ');"></div>'; } else { $raster_content = ''; } if ($overlay_use == "true" && $overlay_color != '') { $overlay_content = '<div class="ts-background-overlay" style="background: ' . $overlay_color . ';"></div>'; } else { $overlay_content = ''; } if ($frontend == "true") { $output .= '<div id="' . $background_id . '" class="ts-pageback-slideshow-edit ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '">'; $slide_images = explode(',', $slide_images); $i = 0; foreach ($slide_images as $single_image) { $i++; $slide_image = wp_get_attachment_image_src($single_image, 'thumbnail'); $output .= '<img class="ts-background-image-holder-edit" src="' . $slide_image[0] . '" style="display: inline-block; width: 100px; height: 100px; margin: 0 5px 0 0;">'; } $output .= '<div class="ts-pageback-title">TS Page Background</div>'; $output .= '<div class="ts-pageback-notes">' . __("Background Type", "ts_visual_composer_extend") . ': ' . __("Fixed Image", "ts_visual_composer_extend") . '</div>'; $output .= '<div class="ts-pageback-notes">' . __("Background Images", "ts_visual_composer_extend") . ': ' . implode(',', $slide_images) . '</div>'; $output .= '</div>'; } else { $slider_settings = 'data-initialized="false" data-autoplay="' . $slide_auto . '" data-playing="' . $slide_auto . '" data-halign="' . $slide_halign . '" data-valign="' . $slide_valign . '" data-controls="' . $slide_controls . '" data-shuffle="' . $slide_shuffle . '" data-delay="' . $slide_delay . '" data-bar="' . $slide_bar . '" data-transition="' . $slide_transition . '" data-switch="' . $slide_switch . '" data-animation="' . $slide_animation . '"'; $output = '<div id="' . $background_id . '" class="ts-pageback-slideshow ' . $css_class . ' ' . $el_class . '" data-mobile="' . $allow_mobile . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" ' . $slider_settings . '>'; $slide_images = explode(',', $slide_images); $fixed_image = ''; $i = 0; foreach ($slide_images as $single_image) { $i++; $slide_image = wp_get_attachment_image_src($single_image, 'full'); if ($i == 1) { $fixed_image = $slide_image[0]; } $output .= '<div class="ts-background-slideshow-holder" style="display: none;" data-image="' . $slide_image[0] . '" data-width="' . $slide_image[1] . '" data-height="' . $slide_image[2] . '" data-ratio="' . $slide_image[1] / $slide_image[2] . '"></div>'; } $output .= '<div class="ts-background-slideshow-wrapper"></div>'; $output .= '<img class="ts-background-image-holder" src="' . $fixed_image . '" style="display: none;">'; $output .= $overlay_content; $output .= $raster_content; if ($slide_controls == 'true') { // Left / Right Navigation $output .= '<nav id="nav-arrows-' . $randomizer . '" class="ts-background-slideshow-navigation nav-arrows">'; $output .= '<span class="nav-arrow-prev" style="text-indent: -90000px;">Previous</span>'; $output .= '<span class="nav-arrow-next" style="text-indent: -90000px;">Next</span>'; $output .= '</nav>'; } if ($slide_auto == 'true') { // Auto-Play Controls $output .= '<nav id="nav-auto-' . $randomizer . '" class="ts-background-slideshow-playpause nav-auto">'; $output .= '<span class="nav-auto-play" style="display: none; text-indent: -90000px;">Play</span>'; $output .= '<span class="nav-auto-pause" style="text-indent: -90000px;">Pause</span>'; $output .= '</nav>'; } $output .= '</div>'; } } if ($type == "triangle") { $trianglify_predefined = array("YlGn" => "#ffffe5,#f7fcb9,#d9f0a3,#addd8e,#78c679,#41ab5d,#238443,#006837,#004529", "YlGnBu" => "#ffffd9,#edf8b1,#c7e9b4,#7fcdbb,#41b6c4,#1d91c0,#225ea8,#253494,#081d58", "GnBu" => "#f7fcf0,#e0f3db,#ccebc5,#a8ddb5,#7bccc4,#4eb3d3,#2b8cbe,#0868ac,#084081", "BuGn" => "#f7fcfd,#e5f5f9,#ccece6,#99d8c9,#66c2a4,#41ae76,#238b45,#006d2c,#00441b", "PuBuGn" => "#fff7fb,#ece2f0,#d0d1e6,#a6bddb,#67a9cf,#3690c0,#02818a,#016c59,#014636", "PuBu" => "#fff7fb,#ece7f2,#d0d1e6,#a6bddb,#74a9cf,#3690c0,#0570b0,#045a8d,#023858", "BuPu" => "#f7fcfd,#e0ecf4,#bfd3e6,#9ebcda,#8c96c6,#8c6bb1,#88419d,#810f7c,#4d004b", "RdPu" => "#fff7f3,#fde0dd,#fcc5c0,#fa9fb5,#f768a1,#dd3497,#ae017e,#7a0177,#49006a", "PuRd" => "#f7f4f9,#e7e1ef,#d4b9da,#c994c7,#df65b0,#e7298a,#ce1256,#980043,#67001f", "OrRd" => "#fff7ec,#fee8c8,#fdd49e,#fdbb84,#fc8d59,#ef6548,#d7301f,#b30000,#7f0000", "YlOrRd" => "#ffffcc,#ffeda0,#fed976,#feb24c,#fd8d3c,#fc4e2a,#e31a1c,#bd0026,#800026", "YlOrBr" => "#ffffe5,#fff7bc,#fee391,#fec44f,#fe9929,#ec7014,#cc4c02,#993404,#662506", "Purples" => "#fcfbfd,#efedf5,#dadaeb,#bcbddc,#9e9ac8,#807dba,#6a51a3,#54278f,#3f007d", "Blues" => "#f7fbff,#deebf7,#c6dbef,#9ecae1,#6baed6,#4292c6,#2171b5,#08519c,#08306b", "Greens" => "#f7fcf5,#e5f5e0,#c7e9c0,#a1d99b,#74c476,#41ab5d,#238b45,#006d2c,#00441b", "Oranges" => "#fff5eb,#fee6ce,#fdd0a2,#fdae6b,#fd8d3c,#f16913,#d94801,#a63603,#7f2704", "Reds" => "#fff5f0,#fee0d2,#fcbba1,#fc9272,#fb6a4a,#ef3b2c,#cb181d,#a50f15,#67000d", "Greys" => "#ffffff,#f0f0f0,#d9d9d9,#bdbdbd,#969696,#737373,#525252,#252525,#000000", "PuOr" => "#7f3b08,#b35806,#e08214,#fdb863,#fee0b6,#f7f7f7,#d8daeb,#b2abd2,#8073ac,#542788,#2d004b", "BrBG" => "#543005,#8c510a,#bf812d,#dfc27d,#f6e8c3,#f5f5f5,#c7eae5,#80cdc1,#35978f,#01665e,#003c30", "PRGn" => "#40004b,#762a83,#9970ab,#c2a5cf,#e7d4e8,#f7f7f7,#d9f0d3,#a6dba0,#5aae61,#1b7837,#00441b", "PiYG" => "#8e0152,#c51b7d,#de77ae,#f1b6da,#fde0ef,#f7f7f7,#e6f5d0,#b8e186,#7fbc41,#4d9221,#276419", "RdBu" => "#67001f,#b2182b,#d6604d,#f4a582,#fddbc7,#f7f7f7,#d1e5f0,#92c5de,#4393c3,#2166ac,#053061", "RdGy" => "#67001f,#b2182b,#d6604d,#f4a582,#fddbc7,#ffffff,#e0e0e0,#bababa,#878787,#4d4d4d,#1a1a1a", "RdYlBu" => "#a50026,#d73027,#f46d43,#fdae61,#fee090,#ffffbf,#e0f3f8,#abd9e9,#74add1,#4575b4,#313695", "Spectral" => "#9e0142,#d53e4f,#f46d43,#fdae61,#fee08b,#ffffbf,#e6f598,#abdda4,#66c2a5,#3288bd,#5e4fa2", "RdYlGn" => "#a50026,#d73027,#f46d43,#fdae61,#fee08b,#ffffbf,#d9ef8b,#a6d96a,#66bd63,#1a9850,#006837", "Accent" => "#7fc97f,#beaed4,#fdc086,#ffff99,#386cb0,#f0027f,#bf5b17,#666666", "Dark2" => "#1b9e77,#d95f02,#7570b3,#e7298a,#66a61e,#e6ab02,#a6761d,#666666", "Paired" => "#a6cee3,#1f78b4,#b2df8a,#33a02c,#fb9a99,#e31a1c,#fdbf6f,#ff7f00,#cab2d6,#6a3d9a,#ffff99,#b15928", "Pastel1" => "#fbb4ae,#b3cde3,#ccebc5,#decbe4,#fed9a6,#ffffcc,#e5d8bd,#fddaec,#f2f2f2", "Pastel2" => "#b3e2cd,#fdcdac,#cbd5e8,#f4cae4,#e6f5c9,#fff2ae,#f1e2cc,#cccccc", "Set1" => "#e41a1c,#377eb8,#4daf4a,#984ea3,#ff7f00,#ffff33,#a65628,#f781bf,#999999", "Set2" => "#66c2a5,#fc8d62,#8da0cb,#e78ac3,#a6d854,#ffd92f,#e5c494,#b3b3b3", "Set3" => "#8dd3c7,#ffffb3,#bebada,#fb8072,#80b1d3,#fdb462,#b3de69,#fccde5,#d9d9d9,#bc80bd,#ccebc5,#ffed6f"); // Horizontal Pattern if ($trianglify_colorsx == "random") { //$trianglify_random = rand(0, count($trianglify_predefined) - 1); //$trianglify_allkeys = array_keys($trianglify_predefined)[$trianglify_random]; //$trianglify_stringx = $trianglify_predefined[$trianglify_allkeys]; $trianglify_stringx = $trianglify_predefined[array_rand($trianglify_predefined)]; } else { if ($trianglify_colorsx == "custom") { $trianglify_array = explode(";", $trianglify_generatorx); $trianglify_array = TS_VCSC_GetContentsBetween($trianglify_array[0], 'color-stop(', ')'); $trianglify_stringx = array(); $trianglyfy_position = 0; foreach ($trianglify_array as $key => $value) { //$trianglify_stringx[] = "#" . substr($value, (strrpos($value, '#') ? : -1) + 1) . ""; //$trianglify_stringx[] = "#" . substr($value, (strrpos($value, '#') ? strrpos($value, '#') : -1) + 1) . ""; $trianglyfy_position = TS_VCSC_STRRPOS_String($value, '#', 0); $trianglify_stringx[] = "#" . substr($value, ($trianglyfy_position != false ? $trianglyfy_position : -1) + 1) . ""; } $trianglify_stringx = implode(",", $trianglify_stringx); } else { $trianglify_stringx = $trianglify_predefined[$trianglify_colorsx]; } } // Vertical Pattern if ($trianglify_colorsy == "match_x") { $trianglify_stringy = $trianglify_stringx; } else { if ($trianglify_colorsy == "random") { //$trianglify_random = rand(0, count($trianglify_predefined) - 1); //$trianglify_allkeys = array_keys($trianglify_predefined)[$trianglify_random]; //$trianglify_stringy = $trianglify_predefined[$trianglify_allkeys]; $trianglify_stringy = $trianglify_predefined[array_rand($trianglify_predefined)]; } else { if ($trianglify_colorsy == "custom") { $trianglify_array = explode(";", $trianglify_generatory); $trianglify_array = TS_VCSC_GetContentsBetween($trianglify_array[0], 'color-stop(', ')'); $trianglify_stringy = array(); $trianglyfy_position = 0; foreach ($trianglify_array as $key => $value) { //$trianglify_stringy[] = "#" . substr($value, (strrpos($value, '#') ? : -1) + 1) . ""; //$trianglify_stringy[] = "#" . substr($value, (strrpos($value, '#') ? strrpos($value, '#') : -1) + 1) . ""; $trianglyfy_position = TS_VCSC_STRRPOS_String($value, '#', 0); $trianglify_stringy[] = "#" . substr($value, ($trianglyfy_position != false ? $trianglyfy_position : -1) + 1) . ""; } $trianglify_stringy = implode(",", $trianglify_stringy); } else { $trianglify_stringy = $trianglify_predefined[$trianglify_colorsy]; } } } if ($raster_use == "true" && $raster_type != '') { $raster_content = '<div class="ts-background-raster" style="background-image: url(' . $raster_type . ');"></div>'; } else { $raster_content = ''; } if ($overlay_use == "true" && $overlay_color != '') { $overlay_content = '<div class="ts-background-overlay" style="background: ' . $overlay_color . ';"></div>'; } else { $overlay_content = ''; } if ($frontend == "true") { $output .= '<div id="' . $background_id . '" class="ts-pageback-trianglify-edit ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-raster="' . $video_raster . '">'; $output .= '<div class="ts-pageback-title">TS Page Background</div>'; $output .= '<div class="ts-pageback-notes">' . __("Background Type", "ts_visual_composer_extend") . ': ' . __("Trianglify Pattern", "ts_visual_composer_extend") . '</div>'; $output .= '</div>'; } else { $output = '<div id="' . $background_id . '" class="ts-pageback-trianglify ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-cellsize="' . $trianglify_cellsize . '" data-variance="' . $trianglify_variance . '" data-colorsx="' . $trianglify_stringx . '" data-colorsy="' . $trianglify_stringy . '" data-raster="' . $video_raster . '">'; $output .= '<div class="ts-background-trianglify-holder"></div>'; $output .= $overlay_content; $output .= $raster_content; $output .= '</div>'; } } if ($type == "youtube") { if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $video_youtube)) { $content_youtube = $video_youtube; } else { $content_youtube = 'https://www.youtube.com/watch?v=' . $video_youtube; } $youtube_image = TS_VCSC_VideoImage_Youtube($content_youtube); if ($frontend == "true") { $output .= '<div id="' . $background_id . '" class="ts-pageback-image-edit ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-raster="' . $raster_type . '" data-overlay="' . $overlay_color . '" data-image="' . $youtube_image . '" data-controls="' . $video_controls . '" data-raster="' . $video_raster . '">'; if ($youtube_image != '') { $output .= '<img class="ts-background-image-holder-edit" src="' . $youtube_image . '">'; } $output .= '<div class="ts-pageback-title">TS Page Background</div>'; $output .= '<div class="ts-pageback-notes">' . __("Background Type", "ts_visual_composer_extend") . ': ' . __("YouTube Video", "ts_visual_composer_extend") . '</div>'; $output .= '<div class="ts-pageback-notes">' . __("YouTube Video ID", "ts_visual_composer_extend") . ': ' . $video_youtube . '</div>'; $output .= '</div>'; } else { $output = '<div id="' . $background_id . '" class="ts-pageback-youtube ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-image="' . $youtube_image . '" data-video="' . $video_youtube . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-raster="' . $video_raster . '" data-mute="' . $video_mute . '" data-loop="' . $video_loop . '"></div>'; } } if ($type == "video") { if ($video_image != '') { $image_path = wp_get_attachment_image_src($video_image, 'full'); $image_path = $image_path[0]; } else { $image_path = ''; } if ($frontend == "true") { $output .= '<div id="' . $background_id . '" class="ts-pageback-image-edit ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-raster="' . $raster_type . '" data-overlay="' . $overlay_color . '" data-image="' . $image_path . '" data-controls="' . $video_controls . '" data-raster="' . $video_raster . '">'; if ($image_path != '') { $output .= '<img class="ts-background-image-holder-edit" src="' . $image_path . '">'; } $output .= '<div class="ts-pageback-title">TS Page Background</div>'; $output .= '<div class="ts-pageback-notes">' . __("Background Type", "ts_visual_composer_extend") . ': ' . __("Selfhosted Video", "ts_visual_composer_extend") . '</div>'; $output .= '<div class="ts-pageback-notes">' . __("MP4 Video", "ts_visual_composer_extend") . ': ' . $video_mp4 . '</div>'; $output .= '<div class="ts-pageback-notes">' . __("WEBM Video", "ts_visual_composer_extend") . ': ' . $video_webm . '</div>'; $output .= '<div class="ts-pageback-notes">' . __("OGV Video", "ts_visual_composer_extend") . ': ' . $video_ogv . '</div>'; $output .= '</div>'; } else { $output = '<div id="' . $background_id . '" class="ts-pageback-video ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-raster="' . ($raster_use == "true" && $raster_type != '' ? $raster_type : "") . '" data-overlay="' . ($overlay_use == "true" && $overlay_color != '' ? $overlay_color : "") . '" data-mp4="' . $video_mp4 . '" data-ogv="' . $video_ogv . '" data-webm="' . $video_webm . '" data-image="' . $image_path . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-raster="' . $video_raster . '" data-mute="' . $video_mute . '" data-loop="' . $video_loop . '">'; $output .= '<div class="ts-background-video-holder"></div>'; $output .= '</div>'; } } echo $output; $myvariable = ob_get_clean(); return $myvariable; }
function TS_VCSC_ComposerRowAdditions($output, $atts, $content = '') { global $VISUAL_COMPOSER_EXTENSIONS; $TS_VCSC_RowToggleLimits = get_option('ts_vcsc_extend_settings_rowVisibilityLimits', $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_Row_Toggle_Defaults); $TS_VCSC_RowOffsetSettings = get_option('ts_vcsc_extend_settings_additionsOffsets', 0); ob_start(); extract(shortcode_atts(array('ts_row_bg_retrieve' => 'single', 'ts_row_bg_image' => '', 'ts_row_bg_group' => '', 'ts_row_bg_source' => 'full', 'ts_row_bg_effects' => '', 'ts_row_break_parents' => 0, 'ts_row_blur_strength' => '', 'ts_row_raster_use' => 'false', 'ts_row_raster_type' => '', 'ts_row_overlay_use' => 'false', 'ts_row_overlay_color' => 'rgba(30,115,190,0.25)', 'ts_row_overlay_opacity' => 25, 'ts_row_zindex' => 0, 'ts_row_min_height' => 100, 'ts_row_screen_height' => 'false', 'ts_row_screen_offset' => 0, 'svg_top_on' => 'false', 'svg_top_style' => '1', 'svg_top_height' => 100, 'svg_top_flip' => 'false', 'svg_top_position' => 0, 'svg_top_color1' => '#ffffff', 'svg_top_color2' => '#ededed', 'svg_bottom_on' => 'false', 'svg_bottom_style' => '1', 'svg_bottom_height' => 100, 'svg_bottom_flip' => 'false', 'svg_bottom_position' => 0, 'svg_bottom_color1' => '#ffffff', 'svg_bottom_color2' => '#ededed', 'ts_row_bg_position' => 'center', 'ts_row_bg_position_custom' => '', 'ts_row_bg_alignment_h' => 'center', 'ts_row_bg_alignment_v' => 'center', 'ts_row_bg_repeat' => 'no-repeat', 'ts_row_bg_size_parallax' => 'cover', 'ts_row_bg_size_standard' => 'cover', 'ts_row_parallax_type' => 'up', 'ts_row_parallax_speed' => 20, 'ts_row_parallax_fade' => 1000, 'ts_row_slide_images' => '', 'ts_row_slide_auto' => 'true', 'ts_row_slide_controls' => 'true', 'ts_row_slide_shuffle' => 'false', 'ts_row_slide_delay' => 5000, 'ts_row_slide_bar' => 'true', 'ts_row_slide_transition' => 'random', 'ts_row_slide_switch' => 2000, 'ts_row_slide_halign' => 'center', 'ts_row_slide_valign' => 'center', 'ts_row_kenburns_animation' => 'null', 'ts_row_automove_scroll' => 'true', 'ts_row_automove_align' => 'horizontal', 'ts_row_automove_path_v' => 'topbottom', 'ts_row_automove_path_h' => 'leftright', 'ts_row_automove_speed' => 75, 'ts_row_movement_x_allow' => 'true', 'ts_row_movement_x_ratio' => 20, 'ts_row_movement_y_allow' => 'true', 'ts_row_movement_y_ratio' => 20, 'ts_row_movement_content' => 'false', 'ts_margin_left' => 0, 'ts_margin_right' => 0, 'margin_left' => 0, 'margin_right' => 0, 'padding_top' => 30, 'padding_bottom' => 30, 'enable_mobile' => 'false', 'single_color' => '#ffffff', 'gradiant_advanced' => 'false', 'gradient_generator' => '', 'gradient_angle' => 0, 'gradient_color_start' => '#cccccc', 'gradient_start_offset' => 0, 'gradient_color_end' => '#cccccc', 'gradient_end_offset' => 100, 'trianglify_render' => 'canvas', 'trianglify_colorsx' => 'random', 'trianglify_colorsy' => 'match_x', 'trianglify_generatorx' => '', 'trianglify_generatory' => '', 'trianglify_cellsize' => 50, 'trianglify_variance' => 0.75, 'ts_particles_count' => 30, 'ts_particles_size_max' => 10, 'ts_particles_size_scale' => 'true', 'ts_particles_size_anim' => 'false', 'ts_particles_color' => '#ffffff', 'ts_particles_stroke_width' => 0, 'ts_particles_stroke_color' => '#000000', 'ts_particles_back_type' => 'color', 'ts_particles_back_color' => '#b61924', 'ts_particles_back_image' => '', 'ts_particles_back_repeat' => 'no-repeat', 'ts_particles_back_place' => 'center center', 'ts_particles_back_size' => 'cover', 'ts_particles_shape_source' => 'internal', 'ts_particles_shape_types' => 'circle', 'ts_particles_shape_image' => '', 'ts_particles_link_lines' => 'true', 'ts_particles_link_color' => '#ffffff', 'ts_particles_link_width' => 1, 'ts_particles_hover' => 'false', 'ts_particles_click' => 'false', 'ts_particles_move' => 'true', 'ts_particles_direction' => 'none', 'ts_particles_speed' => 6, 'ts_particles_random' => 'false', 'ts_particles_straight' => 'false', 'video_youtube' => '', 'video_background' => '', 'video_mute' => 'true', 'video_loop' => 'false', 'video_remove' => 'false', 'video_start' => 'false', 'video_hover' => 'false', 'video_stop' => 'true', 'video_controls' => 'true', 'video_raster' => 'false', 'video_mp4' => '', 'video_ogv' => '', 'video_webm' => '', 'video_image' => '', 'multi_effect' => 'fixed', 'multi_speed' => 1, 'ts_equalize_columns' => 'false', 'ts_equalize_align' => 'center', 'ts_equalize_stack' => 'false', 'animation_factor' => '0.33', 'animation_scroll' => 'false', 'animation_view' => '', 'animation_speed' => 2000, 'show_large' => 'true', 'show_medium' => 'true', 'show_small' => 'true', 'show_extra' => 'true', 'show_remove' => 'true'), $atts)); // Check for Frontend Editor Mode if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode == "true") { $frontend_edit = 'true'; } else { $frontend_edit = 'false'; } // Check if Extended Row Options Utilized if ($ts_row_bg_effects != "" || !empty($animation_view) || $ts_equalize_columns == 'true') { $extended_effects = "true"; } else { $extended_effects = "false"; } if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_LoadFrontEndWaypoints == "true" && $extended_effects == "true") { if (wp_script_is('waypoints', $list = 'registered')) { wp_enqueue_script('waypoints'); } else { wp_enqueue_script('ts-extend-waypoints'); } } if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_LoadFrontEndForcable == "false" && $extended_effects == "true") { wp_enqueue_style('ts-extend-animations'); wp_enqueue_style('ts-visual-composer-extend-front'); wp_enqueue_script('ts-visual-composer-extend-front'); } $output = ""; $randomizer = mt_rand(999999, 9999999); // Check for Row Padding/Margin Offsets if ($TS_VCSC_RowOffsetSettings == 0) { $row_offsetsallow = 'data-offsetsallow="false"'; $padding_top = '0'; $padding_bottom = '0'; $margin_left = $ts_margin_left; $margin_right = $ts_margin_right; } else { $row_offsetsallow = 'data-offsetsallow="true"'; } // Viewport Animations if (!empty($animation_view)) { $animation_css = "ts-viewport-css-" . $animation_view; $output .= '<div class="ts-viewport-row ts-viewport-animation" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-scrollup = "' . $animation_scroll . '" data-factor="' . $animation_factor . '" data-viewport="' . $animation_css . '" data-speed="' . $animation_speed . '"></div>'; } else { $animation_css = ''; } // CSS3 Blur Effect if ($ts_row_blur_strength != '') { $blur_class = "ts-background-blur " . $ts_row_blur_strength; if ($ts_row_blur_strength == "ts-background-blur-small") { $blur_factor = 2; } else { if ($ts_row_blur_strength == "ts-background-blur-medium") { $blur_factor = 5; } else { if ($ts_row_blur_strength == "ts-background-blur-strong") { $blur_factor = 8; } } } } else { $blur_class = ""; $blur_factor = 0; } // Raster (Noise) Overlay if ($ts_row_raster_use == "true" && $ts_row_raster_type != '') { $raster_content = '<div class="ts-background-raster" style="background-image: url(' . $ts_row_raster_type . ');"></div>'; } else { $raster_content = ''; } // Color Overlay if ($ts_row_overlay_use == "true" && $ts_row_overlay_color != '') { $overlay_content = '<div class="ts-background-overlay" style="background: ' . $ts_row_overlay_color . ';"></div>'; } else { $overlay_content = ''; } // SVG Shape Overlays $svg_enabled = 'false'; if ($svg_top_on == "true") { $svg_top_content = '<div id="ts-background-separator-top-' . $randomizer . '" class="ts-background-separator-container" style="height: ' . $svg_top_height . 'px; top: ' . $svg_top_position . 'px; bottom: auto; z-index: ' . (1 + $ts_row_zindex) . ';"><div class="ts-background-separator-wrap ts-background-separator-top' . ($svg_top_flip == "true" ? "-flip" : "") . '" data-random="' . $randomizer . '" data-height="' . $svg_top_height . '" data-position="top" style="height: ' . $svg_top_height . 'px;">' . TS_VCSC_GetRowSeparator($svg_top_style, $svg_top_color1, $svg_top_color2, $svg_top_height) . '</div></div>'; $svg_enabled = 'true'; } else { $svg_top_content = ''; } if ($svg_bottom_on == "true") { $svg_bottom_content = '<div id="ts-background-separator-bottom-' . $randomizer . '" class="ts-background-separator-container" style="height: ' . $svg_bottom_height . 'px; top: auto; bottom: ' . $svg_bottom_position . 'px; z-index: ' . (1 + $ts_row_zindex) . ';"><div class="ts-background-separator-wrap ts-background-separator-bottom' . ($svg_bottom_flip == "true" ? "-flip" : "") . '" data-random="' . $randomizer . '" data-height="' . $svg_bottom_height . '" data-position="bottom" style="height: ' . $svg_bottom_height . 'px;">' . TS_VCSC_GetRowSeparator($svg_bottom_style, $svg_bottom_color1, $svg_bottom_color2, $svg_bottom_height) . '</div></div>'; $svg_enabled = 'true'; } else { $svg_bottom_content = ''; } // Column Equalize Settings if ($ts_equalize_columns == 'true') { $column_equalize_string = 'data-column-equalize="true" data-column-align="' . $ts_equalize_align . '" data-column-stack="' . $ts_equalize_stack . '"'; $column_equalize_class = 'ts-columns-equalize-enabled'; } else { $column_equalize_string = 'data-column-equalize="false"'; $column_equalize_class = 'ts-columns-equalize-disabled'; } // Row Toggle Settings $row_toggle_limits = $TS_VCSC_RowToggleLimits; $large_default = 'true'; $large_limit = $row_toggle_limits['Large Devices']; $medium_default = 'true'; $medium_limit = $row_toggle_limits['Medium Devices']; $small_default = 'true'; $small_limit = $row_toggle_limits['Small Devices']; $extra_default = 'true'; $extra_limit = 0; if (($large_default != $show_large || $medium_default != $show_medium || $small_default != $show_small || $extra_default != $show_extra) && $frontend_edit == "false") { $row_toggle_trigger = 'true'; $row_toggle_class = $column_equalize_class . ' ts-composium-row-background ts-device-visibility'; $row_toggle_string = $column_equalize_string . ' data-width-current="" data-width-break="' . get_option('ts_vcsc_extend_settings_additionsRowEffectsBreak', '600') . '" data-showremove="' . $show_remove . '" data-largeshow="' . $show_large . '" data-largelimit="' . $large_limit . '" data-mediumshow="' . $show_medium . '" data-mediumlimit="' . $medium_limit . '" data-smallshow="' . $show_small . '" data-smalllimit="' . $small_limit . '" data-extrashow="' . $show_extra . '" data-extralimit="' . $extra_limit . '"'; } else { $row_toggle_trigger = 'false'; $row_toggle_class = $column_equalize_class . ' ts-composium-row-background'; $row_toggle_string = $column_equalize_string . ' data-width-current="" data-width-break="' . get_option('ts_vcsc_extend_settings_additionsRowEffectsBreak', '600') . '"'; } // Ken Burns Effect if ($ts_row_kenburns_animation != 'null') { if ($ts_row_kenburns_animation == 'random') { $kenburns_effects = array('centerZoom', 'centerZoomFadeOut', 'centerZoomFadeIn', 'kenburns', 'kenburnsLeft', 'kenburnsRight', 'kenburnsUp', 'kenburnsUpLeft', 'kenburnsUpRight', 'kenburnsDown', 'kenburnsDownLeft', 'kenburnsDownRight'); $kenburns_animation = 'ts-css-animation-' . $kenburns_effects[array_rand($kenburns_effects, 1)]; } else { $kenburns_animation = 'ts-css-animation-' . $ts_row_kenburns_animation; } $kenburns_string = 'data-kenburns-set="true" data-kenburns-animation="' . $kenburns_animation . '"'; } else { $kenburns_animation = ''; $kenburns_string = 'data-kenburns-set="false"'; } // No Background Effect if ($row_toggle_trigger == "true") { if ($ts_row_bg_effects == "") { $output .= '<div id="' . $row_toggle_class . '-' . $randomizer . '" class="' . $row_toggle_class . '" ' . $row_toggle_string . '></div>'; } } else { if ($ts_equalize_columns == 'true') { if ($ts_row_bg_effects == "") { $output .= '<div id="' . $row_toggle_class . '-' . $randomizer . '" class="' . $row_toggle_class . '" ' . $row_toggle_string . '></div>'; } } } // Single Image or Group if ($ts_row_bg_effects == "image" || $ts_row_bg_effects == "fixed" || $ts_row_bg_effects == "parallax" || $ts_row_bg_effects == "automove" || $ts_row_bg_effects == "movement") { if ($ts_row_bg_retrieve == 'random') { $ts_row_bg_group = explode(',', $ts_row_bg_group); if (is_array($ts_row_bg_group)) { $ts_row_bg_image = $ts_row_bg_group[array_rand($ts_row_bg_group)]; } else { $ts_row_bg_image = ''; } } else { if ($ts_row_bg_retrieve == 'single') { $ts_row_bg_image = $ts_row_bg_image; } } } // Simple Background Image if ($ts_row_bg_effects == "image") { $ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source); if ($ts_row_bg_position == "custom") { $ts_row_bg_position = $ts_row_bg_position_custom; } $output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-image ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $kenburns_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_standard . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='" . $ts_row_bg_repeat . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>"; if ($ts_row_kenburns_animation != 'null') { $output .= '<div class="ts-background-kenburns-wrapper"><div class="ts-background-kenburns-parent"><div class="ts-background-kenburns-image ' . $kenburns_animation . '"></div></div></div>'; } $output .= $svg_top_content; $output .= $overlay_content; $output .= $raster_content; $output .= $svg_bottom_content; $output .= "</div>"; } // Fixed Background Image if ($ts_row_bg_effects == "fixed") { $ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source); if ($ts_row_bg_position == "custom") { $ts_row_bg_position = $ts_row_bg_position_custom; } $output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-fixed ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_standard . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='" . $ts_row_bg_repeat . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>"; $output .= $svg_top_content; $output .= $overlay_content; $output .= $raster_content; $output .= $svg_bottom_content; $output .= "</div>"; } // Image Slideshow Background if ($ts_row_bg_effects == "slideshow") { wp_enqueue_style('ts-extend-vegas'); wp_enqueue_script('ts-extend-vegas'); $slider_settings = 'data-initialized="false" data-autoplay="' . $ts_row_slide_auto . '" data-playing="' . $ts_row_slide_auto . '" data-halign="' . $ts_row_slide_halign . '" data-valign="' . $ts_row_slide_valign . '" data-controls="' . $ts_row_slide_controls . '" data-shuffle="' . $ts_row_slide_shuffle . '" data-delay="' . $ts_row_slide_delay . '" data-bar="' . $ts_row_slide_bar . '" data-transition="' . $ts_row_slide_transition . '" data-switch="' . $ts_row_slide_switch . '" data-animation="' . $ts_row_kenburns_animation . '"'; $output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-slideshow ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' " . $slider_settings . " data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-size='" . $ts_row_bg_size_standard . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='" . $ts_row_bg_repeat . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>"; $slide_images = explode(',', $ts_row_slide_images); $i = 0; foreach ($slide_images as $single_image) { $i++; $slide_image = wp_get_attachment_image_src($single_image, $ts_row_bg_source); $output .= '<div class="ts-background-slideshow-holder" style="display: none;" data-image="' . $slide_image[0] . '" data-width="' . $slide_image[1] . '" data-height="' . $slide_image[2] . '" data-ratio="' . $slide_image[1] / $slide_image[2] . '"></div>'; } $output .= '<div class="ts-background-slideshow-wrapper"></div>'; $output .= $svg_top_content; $output .= $overlay_content; $output .= $raster_content; $output .= $svg_bottom_content; if ($ts_row_slide_controls == 'true') { // Left / Right Navigation $output .= '<nav id="nav-arrows-' . $randomizer . '" class="nav-arrows">'; $output .= '<span class="nav-arrow-prev" style="text-indent: -90000px;">Previous</span>'; $output .= '<span class="nav-arrow-next" style="text-indent: -90000px;">Next</span>'; $output .= '</nav>'; } if ($ts_row_slide_auto == 'true') { // Auto-Play Controls $output .= '<nav id="nav-auto-' . $randomizer . '" class="nav-auto">'; $output .= '<span class="nav-auto-play" style="display: none; text-indent: -90000px;">Play</span>'; $output .= '<span class="nav-auto-pause" style="text-indent: -90000px;">Pause</span>'; $output .= '</nav>'; } $output .= '</div>'; } // Parallax Background if ($ts_row_bg_effects == "parallax") { $parallaxClass = $ts_row_parallax_type == "none" ? "" : "ts-background-parallax"; $parallaxClass = in_array($ts_row_parallax_type, array("none", "fixed", "up", "down", "left", "right", "ts-background-parallax")) ? $parallaxClass : ""; if ($ts_row_parallax_type == "up" || $ts_row_parallax_type == "down") { $ts_row_bg_alignment = $ts_row_bg_alignment_v; } else { if ($ts_row_parallax_type == "left" || $ts_row_parallax_type == "right") { $ts_row_bg_alignment = $ts_row_bg_alignment_h; } } if (!empty($parallaxClass)) { $ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source); $ts_row_parallax_speed = round($ts_row_parallax_speed / 100, 2); $output .= "<div id='ts-background-main-" . $randomizer . "' class='" . esc_attr($parallaxClass) . " ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " data-completed='false' data-fadespeed='" . $ts_row_parallax_fade . "' " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-disabled='false' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_parallax . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-alignment='" . $ts_row_bg_alignment . "' data-repeat='" . $ts_row_bg_repeat . "' data-direction='" . esc_attr($ts_row_parallax_type) . "' data-momentum='" . esc_attr((double) $ts_row_parallax_speed) . "' data-mobile-enabled='" . esc_attr($enable_mobile) . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>"; $output .= "<div id='ts-background-parallax-holder-" . $randomizer . "' class='ts-background-parallax-holder'></div>"; $output .= $svg_top_content; $output .= $overlay_content; $output .= $raster_content; $output .= $svg_bottom_content; $output .= "</div>"; } } // AutoMove Background if ($ts_row_bg_effects == "automove") { $ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source); if ($ts_row_automove_align == "horizontal") { $ts_row_automove_path = $ts_row_automove_path_h; } else { if ($ts_row_automove_align == "vertical") { $ts_row_automove_path = $ts_row_automove_path_v; } } $output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-automove ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_parallax . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='repeat 0 0' data-scroll='" . $ts_row_automove_scroll . "' data-alignment='" . $ts_row_automove_align . "' data-direction='" . $ts_row_automove_path . "' data-speed='" . $ts_row_automove_speed . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>"; $output .= $svg_top_content; $output .= $overlay_content; $output .= $raster_content; $output .= $svg_bottom_content; $output .= "</div>"; } // Movement Background if ($ts_row_bg_effects == "movement") { wp_enqueue_script('ts-extend-parallaxify'); $ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source); $ts_row_movement_data = ' data-allowx="' . $ts_row_movement_x_allow . '" data-movex="' . $ts_row_movement_x_ratio . '" data-allowy="' . $ts_row_movement_y_allow . '" data-movey="' . $ts_row_movement_y_ratio . '" data-allowcontent="' . $ts_row_movement_content . '"'; $output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-movement ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-disabled='false' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_parallax . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='" . $ts_row_bg_repeat . "' data-mobile-enabled='" . esc_attr($enable_mobile) . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "' " . $ts_row_movement_data . ">"; $output .= $svg_top_content; $output .= $overlay_content; $output .= $raster_content; $output .= $svg_bottom_content; $output .= "</div>"; } // Particles Background if ($ts_row_bg_effects == "particles") { wp_enqueue_script('ts-extend-particles'); if ($ts_particles_back_type == "image") { $ts_particles_back_image = wp_get_attachment_image_src($ts_particles_back_image, 'full'); $ts_particles_back_image = $ts_particles_back_image[0]; } if ($ts_particles_shape_source == "external") { $ts_particles_shape_image = wp_get_attachment_image_src($ts_particles_shape_image, 'full'); $ts_particles_shape_width = $ts_particles_shape_image[1]; $ts_particles_shape_height = $ts_particles_shape_image[2]; $ts_particles_shape_image = $ts_particles_shape_image[0]; } else { $ts_particles_shape_width = 100; $ts_particles_shape_height = 100; } $ts_row_particles_data = 'data-particles-count="' . $ts_particles_count . '" data-particles-sizemax="' . $ts_particles_size_max . '" data-particles-sizescale="' . $ts_particles_size_scale . '" data-particles-sizeanimate="' . $ts_particles_size_anim . '"'; $ts_row_particles_data .= ' data-particles-shapesource="' . $ts_particles_shape_source . '" data-particles-shapetypes="' . $ts_particles_shape_types . '" data-particles-shapeimage="' . $ts_particles_shape_image . '" data-particles-shapewidth="' . $ts_particles_shape_width . '"'; $ts_row_particles_data .= ' data-particles-color="' . $ts_particles_color . '" data-particles-strokewidth="' . $ts_particles_stroke_width . '" data-particles-strokecolor="' . $ts_particles_stroke_color . '" data-particles-linklines="' . $ts_particles_link_lines . '" data-particles-linkcolor="' . $ts_particles_link_color . '" data-particles-linkwidth="' . $ts_particles_link_width . '" data-particles-interhover="' . $ts_particles_hover . '" data-particles-interclick="' . $ts_particles_click . '"'; $ts_row_particles_data .= ' data-particles-backtype="' . $ts_particles_back_type . '" data-particles-backcolor="' . $ts_particles_back_color . '" data-particles-backimage="' . $ts_particles_back_image . '" data-particles-backrepeat="' . $ts_particles_back_repeat . '" data-particles-backposition="' . $ts_particles_back_place . '" data-particles-backsize="' . $ts_particles_back_size . '" data-particles-shapeheight="' . $ts_particles_shape_height . '"'; $ts_row_particles_data .= ' data-particles-moveallow="' . $ts_particles_move . '" data-particles-movedirection="' . $ts_particles_direction . '" data-particles-movespeed="' . $ts_particles_speed . '" data-particles-moverandom="' . $ts_particles_random . '" data-particles-movestraight="' . $ts_particles_straight . '"'; $output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-particles ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-disabled='false' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-size='cover' data-position='center center' data-repeat='no-repeat' data-mobile-enabled='false' data-break-parents='" . esc_attr($ts_row_break_parents) . "' " . $ts_row_particles_data . ">"; $output .= '<div id="ts-background-particles-holder-' . $randomizer . '" class="ts-background-particles-holder" style=""></div>'; $output .= $svg_top_content; $output .= $raster_content; $output .= $svg_bottom_content; $output .= "</div>"; } // Selfhosted Video Background I if ($ts_row_bg_effects == "video") { wp_enqueue_style('ts-font-mediaplayer'); wp_enqueue_style('ts-extend-wallpaper'); wp_enqueue_script('ts-extend-wallpaper'); if (!empty($video_image)) { $video_image_url = wp_get_attachment_image_src($video_image, 'full'); $video_image_url = $video_image_url[0]; } else { $video_image_url = ""; } $output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-video ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-raster="' . ($ts_row_raster_use == "true" && $ts_row_raster_type != '' ? $ts_row_raster_type : "") . '" data-overlay="' . ($ts_row_overlay_use == "true" && $ts_row_overlay_color != '' ? $ts_row_overlay_color : "") . '" data-mp4="' . $video_mp4 . '" data-ogv="' . $video_ogv . '" data-webm="' . $video_webm . '" data-image="' . $video_image_url . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-stop="' . $video_stop . '" data-hover="' . $video_hover . '" data-loop="' . $video_loop . '" data-remove="' . $video_remove . '" data-mute="' . $video_mute . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">'; $output .= '<div class="ts-background-video-holder" style=""></div>'; $output .= $svg_top_content; $output .= $overlay_content; $output .= $raster_content; $output .= $svg_bottom_content; $output .= '</div>'; } // Selfhosted Video Background II if ($ts_row_bg_effects == "videomb") { wp_enqueue_style('ts-font-mediaplayer'); wp_enqueue_script('ts-extend-multibackground'); if (!empty($video_image)) { $video_image_url = wp_get_attachment_image_src($video_image, 'full'); $video_image_url = $video_image_url[0]; } else { $video_image_url = ""; } $output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-multiback ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' data-attachment="' . $multi_effect . '" data-parallax="' . $multi_speed . '" ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-raster="' . ($ts_row_raster_use == "true" && $ts_row_raster_type != '' ? $ts_row_raster_type : "") . '" data-overlay="' . ($ts_row_overlay_use == "true" && $ts_row_overlay_color != '' ? $ts_row_overlay_color : "") . '" data-mp4="' . $video_mp4 . '" data-ogv="' . $video_ogv . '" data-webm="' . $video_webm . '" data-image="' . $video_image_url . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-stop="' . $video_stop . '" data-hover="' . $video_hover . '" data-loop="' . $video_loop . '" data-remove="' . $video_remove . '" data-mute="' . $video_mute . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">'; $output .= '<div class="ts-background-video-holder" style=""></div>'; $output .= $svg_top_content; $output .= $overlay_content; $output .= $raster_content; $output .= $svg_bottom_content; $output .= '</div>'; } // Youtube Video Background I if ($ts_row_bg_effects == "youtube") { wp_enqueue_script('ts-extend-ytplayer'); wp_enqueue_style('ts-extend-ytplayer'); if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $video_youtube)) { $video_youtube = $video_youtube; } else { $video_youtube = 'https://www.youtube.com/watch?v=' . $video_youtube; } if (!empty($video_background)) { $video_background = wp_get_attachment_image_src($video_background, 'full'); $video_background = $video_background[0]; } else { $video_background = TS_VCSC_VideoImage_Youtube($video_youtube); } $output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-youtube ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-image="' . $video_background . '" data-video="' . $video_youtube . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-stop="' . $video_stop . '" data-hover="' . $video_hover . '" data-raster="' . $video_raster . '" data-mute="' . $video_mute . '" data-loop="' . $video_loop . '" data-remove="' . $video_remove . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">'; $output .= $svg_top_content; $output .= $overlay_content; $output .= $raster_content; $output .= $svg_bottom_content; $output .= '</div>'; } // Youtube Video Background II if ($ts_row_bg_effects == "youtubemb") { wp_enqueue_script('ts-extend-multibackground'); if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $video_youtube)) { $video_youtube = TS_VCSC_VideoID_Youtube($video_youtube); } else { $video_youtube = $video_youtube; } if (!empty($video_background)) { $video_background = wp_get_attachment_image_src($video_background, 'full'); $video_background = $video_background[0]; } else { $video_background = TS_VCSC_VideoImage_Youtube($video_youtube); } wp_enqueue_script('ts-extend-multibackground'); $output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-multiback ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' data-attachment="' . $multi_effect . '" data-parallax="' . $multi_speed . '" ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-image="' . $video_background . '" data-video="' . $video_youtube . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-stop="' . $video_stop . '" data-hover="' . $video_hover . '" data-raster="' . $video_raster . '" data-mute="' . $video_mute . '" data-loop="' . $video_loop . '" data-remove="' . $video_remove . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">'; $output .= '<div class="ts-background-video-holder multibackground" style=""></div>'; $output .= $svg_top_content; $output .= $overlay_content; $output .= $raster_content; $output .= $svg_bottom_content; $output .= '</div>'; } // Vimeo Video Background if ($ts_row_bg_effects == "vimeo") { } // Trianglify Background if ($ts_row_bg_effects == "triangle") { wp_enqueue_script('ts-extend-trianglify'); $trianglify_predefined = array("YlGn" => "#ffffe5,#f7fcb9,#d9f0a3,#addd8e,#78c679,#41ab5d,#238443,#006837,#004529", "YlGnBu" => "#ffffd9,#edf8b1,#c7e9b4,#7fcdbb,#41b6c4,#1d91c0,#225ea8,#253494,#081d58", "GnBu" => "#f7fcf0,#e0f3db,#ccebc5,#a8ddb5,#7bccc4,#4eb3d3,#2b8cbe,#0868ac,#084081", "BuGn" => "#f7fcfd,#e5f5f9,#ccece6,#99d8c9,#66c2a4,#41ae76,#238b45,#006d2c,#00441b", "PuBuGn" => "#fff7fb,#ece2f0,#d0d1e6,#a6bddb,#67a9cf,#3690c0,#02818a,#016c59,#014636", "PuBu" => "#fff7fb,#ece7f2,#d0d1e6,#a6bddb,#74a9cf,#3690c0,#0570b0,#045a8d,#023858", "BuPu" => "#f7fcfd,#e0ecf4,#bfd3e6,#9ebcda,#8c96c6,#8c6bb1,#88419d,#810f7c,#4d004b", "RdPu" => "#fff7f3,#fde0dd,#fcc5c0,#fa9fb5,#f768a1,#dd3497,#ae017e,#7a0177,#49006a", "PuRd" => "#f7f4f9,#e7e1ef,#d4b9da,#c994c7,#df65b0,#e7298a,#ce1256,#980043,#67001f", "OrRd" => "#fff7ec,#fee8c8,#fdd49e,#fdbb84,#fc8d59,#ef6548,#d7301f,#b30000,#7f0000", "YlOrRd" => "#ffffcc,#ffeda0,#fed976,#feb24c,#fd8d3c,#fc4e2a,#e31a1c,#bd0026,#800026", "YlOrBr" => "#ffffe5,#fff7bc,#fee391,#fec44f,#fe9929,#ec7014,#cc4c02,#993404,#662506", "Purples" => "#fcfbfd,#efedf5,#dadaeb,#bcbddc,#9e9ac8,#807dba,#6a51a3,#54278f,#3f007d", "Blues" => "#f7fbff,#deebf7,#c6dbef,#9ecae1,#6baed6,#4292c6,#2171b5,#08519c,#08306b", "Greens" => "#f7fcf5,#e5f5e0,#c7e9c0,#a1d99b,#74c476,#41ab5d,#238b45,#006d2c,#00441b", "Oranges" => "#fff5eb,#fee6ce,#fdd0a2,#fdae6b,#fd8d3c,#f16913,#d94801,#a63603,#7f2704", "Reds" => "#fff5f0,#fee0d2,#fcbba1,#fc9272,#fb6a4a,#ef3b2c,#cb181d,#a50f15,#67000d", "Greys" => "#ffffff,#f0f0f0,#d9d9d9,#bdbdbd,#969696,#737373,#525252,#252525,#000000", "PuOr" => "#7f3b08,#b35806,#e08214,#fdb863,#fee0b6,#f7f7f7,#d8daeb,#b2abd2,#8073ac,#542788,#2d004b", "BrBG" => "#543005,#8c510a,#bf812d,#dfc27d,#f6e8c3,#f5f5f5,#c7eae5,#80cdc1,#35978f,#01665e,#003c30", "PRGn" => "#40004b,#762a83,#9970ab,#c2a5cf,#e7d4e8,#f7f7f7,#d9f0d3,#a6dba0,#5aae61,#1b7837,#00441b", "PiYG" => "#8e0152,#c51b7d,#de77ae,#f1b6da,#fde0ef,#f7f7f7,#e6f5d0,#b8e186,#7fbc41,#4d9221,#276419", "RdBu" => "#67001f,#b2182b,#d6604d,#f4a582,#fddbc7,#f7f7f7,#d1e5f0,#92c5de,#4393c3,#2166ac,#053061", "RdGy" => "#67001f,#b2182b,#d6604d,#f4a582,#fddbc7,#ffffff,#e0e0e0,#bababa,#878787,#4d4d4d,#1a1a1a", "RdYlBu" => "#a50026,#d73027,#f46d43,#fdae61,#fee090,#ffffbf,#e0f3f8,#abd9e9,#74add1,#4575b4,#313695", "Spectral" => "#9e0142,#d53e4f,#f46d43,#fdae61,#fee08b,#ffffbf,#e6f598,#abdda4,#66c2a5,#3288bd,#5e4fa2", "RdYlGn" => "#a50026,#d73027,#f46d43,#fdae61,#fee08b,#ffffbf,#d9ef8b,#a6d96a,#66bd63,#1a9850,#006837", "Accent" => "#7fc97f,#beaed4,#fdc086,#ffff99,#386cb0,#f0027f,#bf5b17,#666666", "Dark2" => "#1b9e77,#d95f02,#7570b3,#e7298a,#66a61e,#e6ab02,#a6761d,#666666", "Paired" => "#a6cee3,#1f78b4,#b2df8a,#33a02c,#fb9a99,#e31a1c,#fdbf6f,#ff7f00,#cab2d6,#6a3d9a,#ffff99,#b15928", "Pastel1" => "#fbb4ae,#b3cde3,#ccebc5,#decbe4,#fed9a6,#ffffcc,#e5d8bd,#fddaec,#f2f2f2", "Pastel2" => "#b3e2cd,#fdcdac,#cbd5e8,#f4cae4,#e6f5c9,#fff2ae,#f1e2cc,#cccccc", "Set1" => "#e41a1c,#377eb8,#4daf4a,#984ea3,#ff7f00,#ffff33,#a65628,#f781bf,#999999", "Set2" => "#66c2a5,#fc8d62,#8da0cb,#e78ac3,#a6d854,#ffd92f,#e5c494,#b3b3b3", "Set3" => "#8dd3c7,#ffffb3,#bebada,#fb8072,#80b1d3,#fdb462,#b3de69,#fccde5,#d9d9d9,#bc80bd,#ccebc5,#ffed6f"); // Horizontal Pattern if ($trianglify_colorsx == "random") { //$trianglify_random = rand(0, count($trianglify_predefined) - 1); //$trianglify_allkeys = array_keys($trianglify_predefined)[$trianglify_random]; //$trianglify_stringx = $trianglify_predefined[$trianglify_allkeys]; $trianglify_stringx = $trianglify_predefined[array_rand($trianglify_predefined)]; } else { if ($trianglify_colorsx == "custom") { $trianglify_array = explode(";", $trianglify_generatorx); $trianglify_array = TS_VCSC_GetContentsBetween($trianglify_array[0], 'color-stop(', ')'); $trianglify_stringx = array(); $trianglyfy_position = 0; foreach ($trianglify_array as $key => $value) { //$trianglify_stringx[] = "#" . substr($value, (strrpos($value, '#') ? : -1) + 1) . ""; //$trianglify_stringx[] = "#" . substr($value, (strrpos($value, '#') ? strrpos($value, '#') : -1) + 1) . ""; $trianglyfy_position = TS_VCSC_STRRPOS_String($value, '#', 0); $trianglify_stringx[] = "#" . substr($value, ($trianglyfy_position != false ? $trianglyfy_position : -1) + 1) . ""; } $trianglify_stringx = implode(",", $trianglify_stringx); } else { $trianglify_stringx = $trianglify_predefined[$trianglify_colorsx]; } } // Vertical Pattern if ($trianglify_colorsy == "match_x") { $trianglify_stringy = $trianglify_stringx; } else { if ($trianglify_colorsy == "random") { //$trianglify_random = rand(0, count($trianglify_predefined) - 1); //$trianglify_allkeys = array_keys($trianglify_predefined)[$trianglify_random]; //$trianglify_stringy = $trianglify_predefined[$trianglify_allkeys]; $trianglify_stringy = $trianglify_predefined[array_rand($trianglify_predefined)]; } else { if ($trianglify_colorsy == "custom") { $trianglify_array = explode(";", $trianglify_generatory); $trianglify_array = TS_VCSC_GetContentsBetween($trianglify_array[0], 'color-stop(', ')'); $trianglify_stringy = array(); $trianglyfy_position = 0; foreach ($trianglify_array as $key => $value) { //$trianglify_stringy[] = "#" . substr($value, (strrpos($value, '#') ? : -1) + 1) . ""; //$trianglify_stringy[] = "#" . substr($value, (strrpos($value, '#') ? strrpos($value, '#') : -1) + 1) . ""; $trianglyfy_position = TS_VCSC_STRRPOS_String($value, '#', 0); $trianglify_stringy[] = "#" . substr($value, ($trianglyfy_position != false ? $trianglyfy_position : -1) + 1) . ""; } $trianglify_stringy = implode(",", $trianglify_stringy); } else { $trianglify_stringy = $trianglify_predefined[$trianglify_colorsy]; } } } $output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-trianglify ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' data-render="' . $trianglify_render . '" data-cellsize="' . $trianglify_cellsize . '" data-variance="' . $trianglify_variance . '" data-colorsx="' . $trianglify_stringx . '" data-colorsy="' . $trianglify_stringy . '" ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-raster="' . $video_raster . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">'; $output .= '<div class="ts-background-trianglify-holder" style=""></div>'; $output .= $svg_top_content; $output .= $overlay_content; $output .= $raster_content; $output .= $svg_bottom_content; $output .= '</div>'; } // Single Color Background if ($ts_row_bg_effects == "single") { $output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-single ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' style="display: none; background-color: ' . $single_color . ';" ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-color="' . $single_color . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">'; $output .= $svg_top_content; $output .= $raster_content; $output .= $svg_bottom_content; $output .= '</div>'; } // Gradient Background if ($ts_row_bg_effects == "gradient") { if ($gradiant_advanced == 'false') { $gradient_css_attr[] = 'background: ' . $gradient_color_start . ''; $gradient_css_attr[] = 'background: -moz-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)'; $gradient_css_attr[] = 'background: -webkit-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)'; $gradient_css_attr[] = 'background: -o-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)'; $gradient_css_attr[] = 'background: -ms-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)'; $gradient_css_attr[] = 'background: linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)'; $gradient_css_attr = implode('; ', $gradient_css_attr); } else { $gradient_css_attr = $gradient_generator; } $output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-gradient ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' ' . $kenburns_string . ' style="display: none; ' . ($ts_row_kenburns_animation == 'null' ? $gradient_css_attr : '') . '" ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">'; if ($ts_row_kenburns_animation != 'null') { $output .= '<div class="ts-background-kenburns-wrapper"><div class="ts-background-kenburns-parent"><div class="ts-background-kenburns-image ' . $kenburns_animation . '" style="' . $gradient_css_attr . '"></div></div></div>'; } $output .= $svg_top_content; $output .= $raster_content; $output .= $svg_bottom_content; $output .= '</div>'; } if ($frontend_edit == "false") { echo $output; } $myvariable = ob_get_clean(); return $myvariable; }