function x_shortcode_section($atts, $content = null)
{
extract(shortcode_atts(array('id' => '', 'class' => '', 'style' => '', 'bg_color' => '', 'bg_pattern' => '', 'bg_image' => '', 'bg_video' => '', 'bg_video_poster' => '', 'parallax' => ''), $atts, 'x_section'));
static $count = 0;
$count++;
$id = $id != '' ? $id : 'x-section-' . $count;
$class = $class != '' ? 'x-section ' . esc_attr($class) : 'x-section';
$style = $style != '' ? ' ' . $style : '';
$bg_color = $bg_color != '' ? $bg_color : 'transparent';
$bg_pattern = $bg_pattern != '' ? $bg_pattern : '';
$bg_image = $bg_image != '' ? $bg_image : '';
$bg_video = $bg_video != '' ? $bg_video : '';
$bg_video_poster = $bg_video_poster != '' ? $bg_video_poster : '';
$parallax = $parallax == 'true' ? $parallax : '';
$parallax_class = $parallax == 'true' ? ' parallax' : '';
if ($bg_video != '') {
$data = cs_generate_data_attributes('section', array('type' => 'video'));
$before = cs_bg_video($bg_video, $bg_video_poster);
$bg_style = 'background-color: ' . $bg_color . ';';
$bg_class = ' bg-video';
} elseif ($bg_image != '') {
$data = cs_generate_data_attributes('section', array('type' => 'image', 'parallax' => $parallax == 'true'));
$before = '';
$bg_style = 'background-image: url(' . $bg_image . '); background-color: ' . $bg_color . ';';
$bg_class = ' bg-image' . $parallax_class;
} elseif ($bg_pattern != '') {
$data = cs_generate_data_attributes('section', array('type' => 'pattern', 'parallax' => $parallax == 'true'));
$before = '';
$bg_style = 'background-image: url(' . $bg_pattern . '); background-color: ' . $bg_color . ';';
$bg_class = ' bg-pattern' . $parallax_class;
} else {
$data = '';
$before = '';
$bg_style = 'background-color: ' . $bg_color . ';';
$bg_class = '';
}
$output = "<div id=\"{$id}\" class=\"{$class}{$bg_class}\" style=\"{$style}{$bg_style}\" {$data}>" . $before . do_shortcode($content) . '</div>';
return $output;
}
$anchor = get_post_meta($id, '_x_slider_above_scroll_bottom_anchor_enable', true);
$anchor_alignment = get_post_meta($id, '_x_slider_above_scroll_bottom_anchor_alignment', true);
$anchor_color = get_post_meta($id, '_x_slider_above_scroll_bottom_anchor_color', true);
$anchor_color_hover = get_post_meta($id, '_x_slider_above_scroll_bottom_anchor_color_hover', true);
?>
<div class="x-slider-container above<?php
if ($bg_video != '') {
echo ' bg-video';
}
?>
">
<?php
if ($bg_video != '') {
echo function_exists('cs_bg_video') ? cs_bg_video($bg_video, $bg_video_poster) : '';
}
?>
<?php
if ($anchor == 'on') {
?>
<style scoped>
.x-slider-scroll-bottom.above { color: <?php
echo $anchor_color;
?>
; }
.x-slider-scroll-bottom.above:hover { color: <?php
echo $anchor_color_hover;
?>
$marginless_columns = $marginless_columns == 'true' ? $marginless_columns : '';
$marginless_columns_class = $marginless_columns == 'true' ? ' marginless-columns' : '';
if (is_numeric($bg_video_poster)) {
$bg_video_poster_info = wp_get_attachment_image_src($bg_video_poster, 'full');
$bg_video_poster = $bg_video_poster_info[0];
}
if (is_numeric($bg_image)) {
$bg_image_info = wp_get_attachment_image_src($bg_image, 'full');
$bg_image = $bg_image_info[0];
}
if (is_numeric($bg_pattern)) {
$bg_pattern_info = wp_get_attachment_image_src($bg_pattern, 'full');
$bg_pattern = $bg_pattern_info[0];
}
$count = x_visual_composer_templates_id_increment();
if ($bg_video != '') {
$js_params = array('type' => 'video');
$data = function_exists('cs_generate_data_attributes') ? cs_generate_data_attributes('content_band', $js_params) : '';
$output = "<div id=\"x-content-band-{$count}\" class=\"{$class}{$bg_video_class}{$marginless_columns_class}{$border}{$no_margin}\" {$data} style=\"{$padding_top}{$padding_bottom}{$style}\">" . function_exists('cs_bg_video') ? cs_bg_video($bg_video, $bg_video_poster) : '' . $container_start . do_shortcode($content) . $container_end . '</div>';
} elseif ($bg_image != '') {
$js_params = array('type' => 'image', 'parallax' => $parallax == 'true');
$data = function_exists('cs_generate_data_attributes') ? cs_generate_data_attributes('content_band', $js_params) : '';
$output = "<div id=\"x-content-band-{$count}\" class=\"{$class}{$bg_image_class}{$parallax_class}{$marginless_columns_class}{$border}{$no_margin}\" {$data} style=\"background-image: url({$bg_image}); background-color: {$bg_color};{$padding_top}{$padding_bottom}{$style}\">" . $container_start . do_shortcode($content) . $container_end . '</div>';
} elseif ($bg_pattern != '') {
$js_params = array('type' => 'pattern', 'parallax' => $parallax == 'true');
$data = function_exists('cs_generate_data_attributes') ? cs_generate_data_attributes('content_band', $js_params) : '';
$output = "<div id=\"x-content-band-{$count}\" class=\"{$class}{$bg_pattern_class}{$parallax_class}{$marginless_columns_class}{$border}{$no_margin}\" style=\"background-image: url({$bg_pattern}); background-color: {$bg_color};{$padding_top}{$padding_bottom}{$style}\">" . $container_start . do_shortcode($content) . $container_end . '</div>';
} else {
$output = "<div id=\"x-content-band-{$count}\" class=\"{$class}{$marginless_columns_class}{$border}{$no_margin}\" style=\"background-color: {$bg_color};{$padding_top}{$padding_bottom}{$style}\">" . $container_start . do_shortcode($content) . $container_end . '</div>';
}
echo $output;
function x_shortcode_content_band($atts, $content = null)
{
extract(shortcode_atts(array('class' => '', 'style' => '', 'border' => '', 'bg_color' => '', 'bg_pattern' => '', 'bg_image' => '', 'bg_video' => '', 'bg_video_poster' => '', 'no_margin' => '', 'padding_top' => '', 'padding_bottom' => '', 'inner_container' => '', 'parallax' => '', 'marginless_columns' => ''), $atts, 'x_content_band'));
$class = $class != '' ? 'x-content-band ' . esc_attr($class) : 'x-content-band';
$style = $style != '' ? ' ' . $style : '';
switch ($border) {
case 'top':
$border = ' border-top';
break;
case 'left':
$border = ' border-left';
break;
case 'right':
$border = ' border-right';
break;
case 'bottom':
$border = ' border-bottom';
break;
case 'vertical':
$border = ' border-top border-bottom';
break;
case 'horizontal':
$border = ' border-left border-right';
break;
case 'all':
$border = ' border-top border-left border-right border-bottom';
break;
default:
$border = '';
}
$bg_color = $bg_color != '' ? $bg_color : 'transparent';
$bg_pattern = $bg_pattern != '' ? $bg_pattern : '';
$bg_pattern_class = $bg_pattern != '' ? ' bg-pattern' : '';
$bg_image = $bg_image != '' ? $bg_image : '';
$bg_image_class = $bg_image != '' ? ' bg-image' : '';
$bg_video = $bg_video != '' ? $bg_video : '';
$bg_video_poster = $bg_video_poster != '' ? $bg_video_poster : '';
$bg_video_class = $bg_video != '' ? ' bg-video' : '';
$no_margin = $no_margin == 'true' ? ' man' : '';
$padding_top = $padding_top != '' ? ' padding-top: ' . $padding_top . ';' : '';
$padding_bottom = $padding_bottom != '' ? ' padding-bottom: ' . $padding_bottom . ';' : '';
switch ($inner_container) {
case 'true':
$container_start = '<div class="x-container max width">';
$container_end = '</div>';
break;
default:
$container_start = '<div class="x-container">';
$container_end = '</div>';
}
$parallax = $parallax == 'true' ? $parallax : '';
$parallax_class = $parallax == 'true' ? ' parallax' : '';
$marginless_columns = $marginless_columns == 'true' ? $marginless_columns : '';
$marginless_columns_class = $marginless_columns == 'true' ? ' marginless-columns' : '';
if (is_numeric($bg_video_poster)) {
$bg_video_poster_info = wp_get_attachment_image_src($bg_video_poster, 'full');
$bg_video_poster = $bg_video_poster_info[0];
}
if (is_numeric($bg_image)) {
$bg_image_info = wp_get_attachment_image_src($bg_image, 'full');
$bg_image = $bg_image_info[0];
}
if (is_numeric($bg_pattern)) {
$bg_pattern_info = wp_get_attachment_image_src($bg_pattern, 'full');
$bg_pattern = $bg_pattern_info[0];
}
static $count = 0;
$count++;
if ($bg_video != '') {
$js_params = array('type' => 'video');
$data = cs_generate_data_attributes('content_band', $js_params);
$output = "<div id=\"x-content-band-{$count}\" class=\"{$class}{$bg_video_class}{$marginless_columns_class}{$border}{$no_margin}\" {$data} style=\"{$padding_top}{$padding_bottom}{$style}\">" . cs_bg_video($bg_video, $bg_video_poster) . $container_start . do_shortcode($content) . $container_end . '</div>';
} elseif ($bg_image != '') {
$js_params = array('type' => 'image', 'parallax' => $parallax == 'true');
$data = cs_generate_data_attributes('content_band', $js_params);
$output = "<div id=\"x-content-band-{$count}\" class=\"{$class}{$bg_image_class}{$parallax_class}{$marginless_columns_class}{$border}{$no_margin}\" {$data} style=\"background-image: url({$bg_image}); background-color: {$bg_color};{$padding_top}{$padding_bottom}{$style}\">" . $container_start . do_shortcode($content) . $container_end . '</div>';
} elseif ($bg_pattern != '') {
$js_params = array('type' => 'pattern', 'parallax' => $parallax == 'true');
$data = cs_generate_data_attributes('content_band', $js_params);
$output = "<div id=\"x-content-band-{$count}\" class=\"{$class}{$bg_pattern_class}{$parallax_class}{$marginless_columns_class}{$border}{$no_margin}\" style=\"background-image: url({$bg_pattern}); background-color: {$bg_color};{$padding_top}{$padding_bottom}{$style}\">" . $container_start . do_shortcode($content) . $container_end . '</div>';
} else {
$output = "<div id=\"x-content-band-{$count}\" class=\"{$class}{$marginless_columns_class}{$border}{$no_margin}\" style=\"background-color: {$bg_color};{$padding_top}{$padding_bottom}{$style}\">" . $container_start . do_shortcode($content) . $container_end . '</div>';
}
return $output;
}
$marginless_columns_class = $marginless_columns == 'true' ? ' marginless-columns' : '';
if (is_numeric($bg_video_poster)) {
$bg_video_poster_info = wp_get_attachment_image_src($bg_video_poster, 'full');
$bg_video_poster = $bg_video_poster_info[0];
}
if (is_numeric($bg_image)) {
$bg_image_info = wp_get_attachment_image_src($bg_image, 'full');
$bg_image = $bg_image_info[0];
}
if (is_numeric($bg_pattern)) {
$bg_pattern_info = wp_get_attachment_image_src($bg_pattern, 'full');
$bg_pattern = $bg_pattern_info[0];
}
$count = x_visual_composer_templates_id_increment();
if ($bg_video != '') {
$js_params = array('type' => 'video');
$data = function_exists('cs_generate_data_attributes') ? cs_generate_data_attributes('content_band', $js_params) : '';
$video_output = function_exists('cs_bg_video') ? cs_bg_video($bg_video, $bg_video_poster) : '';
$output = "<div id=\"x-content-band-{$count}\" class=\"{$class}{$bg_video_class}{$marginless_columns_class}{$border}{$no_margin}\" {$data} style=\"{$padding_top}{$padding_bottom}{$style}\">" . $video_output . $container_start . do_shortcode($content) . $container_end . '</div>';
} elseif ($bg_image != '') {
$js_params = array('type' => 'image', 'parallax' => $parallax == 'true');
$data = function_exists('cs_generate_data_attributes') ? cs_generate_data_attributes('content_band', $js_params) : '';
$output = "<div id=\"x-content-band-{$count}\" class=\"{$class}{$bg_image_class}{$parallax_class}{$marginless_columns_class}{$border}{$no_margin}\" {$data} style=\"background-image: url({$bg_image}); background-color: {$bg_color};{$padding_top}{$padding_bottom}{$style}\">" . $container_start . do_shortcode($content) . $container_end . '</div>';
} elseif ($bg_pattern != '') {
$js_params = array('type' => 'pattern', 'parallax' => $parallax == 'true');
$data = function_exists('cs_generate_data_attributes') ? cs_generate_data_attributes('content_band', $js_params) : '';
$output = "<div id=\"x-content-band-{$count}\" class=\"{$class}{$bg_pattern_class}{$parallax_class}{$marginless_columns_class}{$border}{$no_margin}\" style=\"background-image: url({$bg_pattern}); background-color: {$bg_color};{$padding_top}{$padding_bottom}{$style}\">" . $container_start . do_shortcode($content) . $container_end . '</div>';
} else {
$output = "<div id=\"x-content-band-{$count}\" class=\"{$class}{$marginless_columns_class}{$border}{$no_margin}\" style=\"background-color: {$bg_color};{$padding_top}{$padding_bottom}{$style}\">" . $container_start . do_shortcode($content) . $container_end . '</div>';
}
echo $output;
