function kad_slider_shortcode_function($atts) { extract(shortcode_atts(array('id' => ''), $atts)); if (empty($id)) { return '<p class="error">' . __('Please specify a slider ID', 'kadence_slider') . '</p>'; } $slides = array(); $max_height = get_post_meta($id, '_kt_slider_max_height', true); $max_width = get_post_meta($id, '_kt_slider_max_width', true); $fullwidth = get_post_meta($id, '_kt_slider_fullwidth', true); $respect_ratio = get_post_meta($id, '_kt_slider_respect_ratio', true); $fullheight = get_post_meta($id, '_kt_slider_fullheight', true); $pause_time = get_post_meta($id, '_kt_slider_pause_time', true); $auto_play = get_post_meta($id, '_kt_slider_auto_play', true); $btn_txt_color = get_post_meta($id, '_kt_slider_btn_txt_color', true); $btn_bg_color = get_post_meta($id, '_kt_slider_btn_bg_color', true); $btn_bord_color = get_post_meta($id, '_kt_slider_btn_bord_color', true); $btn_txt_color_2 = get_post_meta($id, '_kt_slider_btn_txt_color_2', true); $btn_bg_color_2 = get_post_meta($id, '_kt_slider_btn_bg_color_2', true); $btn_back_color_2 = get_post_meta($id, '_kt_slider_btn_back_color_2', true); $btn_txt_color_h = get_post_meta($id, '_kt_slider_btn_txt_color_h', true); $btn_bg_color_h = get_post_meta($id, '_kt_slider_btn_bg_color_h', true); $btn_bord_color_h = get_post_meta($id, '_kt_slider_btn_bord_color_h', true); $btn_txt_color_2_h = get_post_meta($id, '_kt_slider_btn_txt_color_2_h', true); $btn_bg_color_2_h = get_post_meta($id, '_kt_slider_btn_bg_color_2_h', true); $btn_back_color_2_h = get_post_meta($id, '_kt_slider_btn_back_color_2_h', true); $caption_head_font = get_post_meta($id, '_kt_slider_head_font', true); $caption_head_font_weight = get_post_meta($id, '_kt_slider_head_font_weight', true); $caption_head_font_spacing = get_post_meta($id, '_kt_slider_head_font_spacing', true); $caption_header_txt_color = get_post_meta($id, '_kt_slider_header_txt_color', true); $caption_text_font = get_post_meta($id, '_kt_slider_text_font', true); $caption_text_font_weight = get_post_meta($id, '_kt_slider_caption_text_font_weight', true); $caption_text_font_spacing = get_post_meta($id, '_kt_slider_caption_text_font_spacing', true); $caption_caption_txt_color = get_post_meta($id, '_kt_slider_caption_txt_color', true); $caption_caption_bg_color = get_post_meta($id, '_kt_slider_caption_bg_color', true); $caption_caption_align = get_post_meta($id, '_kt_slider_caption_align', true); $caption_caption_shaddow = get_post_meta($id, '_kt_slider_caption_shaddow', true); $caption_caption_header_style = get_post_meta($id, '_kt_slider_caption_header_style', true); $caption_head_font_tb = get_post_meta($id, '_kt_slider_head_font_tb', true); $caption_text_font_tb = get_post_meta($id, '_kt_slider_text_font_tb', true); $caption_head_font_pn = get_post_meta($id, '_kt_slider_head_font_pn', true); $caption_text_font_pn = get_post_meta($id, '_kt_slider_text_font_pn', true); $tabletmax_height = get_post_meta($id, '_kt_slider_max_height_tablet', true); $mobilemax_height = get_post_meta($id, '_kt_slider_max_height_mobile', true); $slider_parallax = get_post_meta($id, '_kt_slider_parallax', true); $hidecontrols = get_post_meta($id, '_kt_slider_hidecontrols', true); $data_height = $max_height; $slides = get_post_meta($id, '_kt_slider_slides', true); $slidecount = count($slides); if (!empty($pause_time)) { $pause_data = $pause_time; } else { $pause_data = '9000'; } if (!empty($auto_play)) { $auto_play_data = $auto_play; } else { $auto_play_data = 'true'; } if ($fullwidth) { $max_width = 'none'; } else { $max_width = $max_width . 'px'; } if ($fullheight) { $max_height = '600px'; $data_height_type = "full"; } else { $max_height = $max_height . 'px'; $data_height_type = "normal"; } if ($slider_parallax) { $slider_parallax_class = 'kad-slider-parallax'; } else { $slider_parallax_class = ''; } $custom_slider_css = ''; if ($hidecontrols) { $custom_slider_css = '.kad-slider-navigate, .kad-slider ul.kad-slider-pagination {display:none !important;}'; } if (!empty($btn_txt_color)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kad-slider-btn-01 {color:' . $btn_txt_color . ';}'; } if (!empty($btn_bg_color)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kad-slider-btn-01 {background:' . $btn_bg_color . ';}'; } if (!empty($btn_bord_color)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kad-slider-btn-01 {border-color:' . $btn_bord_color . ';}'; } if (!empty($btn_txt_color_2)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kad-slider-btn-02 {color:' . $btn_txt_color_2 . ';}'; } if (!empty($btn_bg_color_2)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kad-slider-btn-02 {border-color:' . $btn_bg_color_2 . ';}'; } if (!empty($btn_back_color_2)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kad-slider-btn-02 {background:' . $btn_back_color_2 . ';}'; } if (!empty($btn_txt_color_h)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kad-slider-btn-01:hover {color:' . $btn_txt_color_h . ';}'; } if (!empty($btn_bg_color_h)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kad-slider-btn-01:hover {background:' . $btn_bg_color_h . ';}'; } if (!empty($btn_bord_color_h)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kad-slider-btn-01:hover {border-color:' . $btn_bord_color_h . ';}'; } if (!empty($btn_txt_color_2_h)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kad-slider-btn-02:hover {color:' . $btn_txt_color_2_h . ';}'; } if (!empty($btn_bg_color_2_h)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kad-slider-btn-02:hover {border-color:' . $btn_bg_color_2_h . ';}'; } if (!empty($btn_back_color_2_h)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kad-slider-btn-02:hover {background:' . $btn_back_color_2_h . ';}'; } if (!empty($caption_head_font)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontitle {font-size:' . $caption_head_font . 'px;}'; } if (!empty($caption_head_font_weight)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontitle {font-weight:' . $caption_head_font_weight . ';}'; } if (!empty($caption_head_font_spacing)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontitle {letter-spacing:' . $caption_head_font_spacing . ';}'; } if (!empty($caption_header_txt_color)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontitle {color:' . $caption_header_txt_color . '; border-color: ' . $caption_header_txt_color . ';}'; } if (!empty($caption_text_font)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontext p {font-size:' . $caption_text_font . 'px;}'; } if (!empty($caption_text_font_weight)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontext p {font-weight:' . $caption_text_font_weight . ';}'; } if (!empty($caption_text_font_spacing)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontext p {letter-spacing:' . $caption_text_font_spacing . ';}'; } if (!empty($caption_caption_txt_color)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontext p {color:' . $caption_caption_txt_color . ';}'; } if (!empty($caption_caption_align)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .caption-case-inner {text-align:' . $caption_caption_align . ';}'; } if (!empty($caption_caption_shaddow) && $caption_caption_shaddow == 'false') { $textshaddowclass = 'kad-slider-no-textshaddow'; } else { $textshaddowclass = ''; } if (!empty($caption_caption_header_style) && $caption_caption_header_style == 'border') { $headerstyleclass = 'kt-border-title-style'; } else { $headerstyleclass = ''; } if (!empty($caption_caption_bg_color)) { $cc_bg_rgb = ktslidehex2rgb($caption_caption_bg_color); $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontext p, .kad-slider-' . $id . ' .kad-slider .kadcaptiontitle {background-color: rgba(' . $cc_bg_rgb[0] . ', ' . $cc_bg_rgb[1] . ', ' . $cc_bg_rgb[2] . ', 0.3);}'; } /* // CASE SWITCH FOR SLIDER TYPE // */ if (isset($respect_ratio) && $respect_ratio == true) { $custom_slider_css .= '@media (max-width: 992px) {'; if (!empty($caption_text_font_tb)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontext p {font-size:' . $caption_text_font_tb . 'px;}'; } if (!empty($caption_head_font_tb)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontitle {font-size:' . $caption_head_font_tb . 'px;}'; } $custom_slider_css .= '} @media (max-width: 767px) {'; if (!empty($caption_head_font_pn)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontitle {font-size:' . $caption_head_font_pn . 'px;}'; } if (!empty($caption_text_font_pn)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontext p {font-size:' . $caption_text_font_pn . 'px;}'; } $custom_slider_css .= '}'; $data_height_type = 'ratio'; ob_start(); ?> <style type="text/css"> <?php echo $custom_slider_css; ?> </style> <div class="kad-slider-wrapper <?php if ($slidecount == 1) { echo 'kt_slider_single_slide'; } ?> kad-slider-<?php echo esc_attr($id); ?> kt-ratio-slider" data-ktslider-id="<?php echo esc_attr($id); ?> " data-ktslider-auto-play="<?php echo esc_attr($auto_play_data); ?> " data-ktslider-pause-time="<?php echo esc_attr($pause_data); ?> " data-ktslider-count="<?php echo esc_attr($slidecount); ?> " data-ktslider-height="<?php echo esc_attr($data_height); ?> " data-ktslider-height-type="<?php echo esc_attr($data_height_type); ?> " style="max-width:<?php echo esc_attr($max_width); ?> ; margin-left: auto; margin-right:auto;"> <div id="kad-slider-<?php echo esc_attr($id); ?> " class="kad-slider kad-loading" style="margin-left: auto; margin-right:auto;"> <ul class="kad-slider-canvas seq-canvas"> <?php $slidenumber = 1; if (!empty($slides)) { foreach ($slides as $slide) { $slide_image_id = kt_get_image_id_by_link($slide['image']); $slide_image = wp_get_attachment_image_src($slide_image_id, 'full'); ?> <li> <div class="kad-slide kad-slide-<?php echo esc_attr($slidenumber); ?> <?php echo esc_attr($textshaddowclass) . ' ' . esc_attr($headerstyleclass); ?> "> <img src="<?php echo esc_url($slide['image']); ?> " width="<?php echo esc_attr($slide_image['1']); ?> " height="<?php echo esc_attr($slide_image['2']); ?> " class="kt-ratio-img"> <div class="caption-case kad-placement-<?php echo $slide["caption_placement"]; ?> "> <div class="kad-slide-caption animated <?php echo $slide["caption_animation_in"] . ' ' . $slide["caption_animation_out"]; ?> "> <div class="caption-case-inner" data-0="opacity: 1;" data-300="opacity: 0;"> <?php if (!empty($slide['title'])) { echo '<div class="kadcaptiontitle clearfix headerfont">' . $slide['title'] . '</div><div class="clearfix"></div>'; } ?> <?php if (!empty($slide['description'])) { echo '<div><div class="kadcaptiontext headerfont"><p>' . $slide['description'] . '</p></div></div>'; } ?> <?php if (!empty($slide['button_link'])) { echo '<a href="' . $slide['button_link'] . '" class="kad-slider-btn headerfont kad-slider-btn-01">' . $slide['button_txt'] . '</a>'; } ?> <?php if (!empty($slide['button_link_2'])) { echo '<a href="' . $slide['button_link_2'] . '" class="kad-slider-btn headerfont kad-slider-btn-02">' . $slide['button_txt_2'] . '</a>'; } ?> </div> </div> </div> </div> </li> <?php $slidenumber++; ?> <?php } ?> </ul> <ul class="kad-slider-pagination"> <?php foreach ($slides as $slide) { ?> <li class="kad-slider-dot"></li> <?php } ?> </ul> <a class="kad-slider-next kad-slider-navigate"></a> <a class="kad-slider-prev kad-slider-navigate"></a> <?php } ?> </div> <!--kad-slides--> </div> <!--kad-slider--> <?php $output = ob_get_contents(); ob_end_clean(); return $output; } else { $custom_slider_css .= '@media (max-width: 992px) {'; if (!empty($caption_text_font_tb)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontext p {font-size:' . $caption_text_font_tb . 'px;}'; } if (!empty($caption_head_font_tb)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontitle {font-size:' . $caption_head_font_tb . 'px;}'; } if (!empty($tabletmax_height)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kad-slider-canvas, .kad-slider-' . $id . ' .kad-slider {height:' . $tabletmax_height . 'px !important;}'; } $custom_slider_css .= '} @media (max-width: 767px) {'; if (!empty($caption_head_font_pn)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontitle {font-size:' . $caption_head_font_pn . 'px;}'; } if (!empty($caption_text_font_pn)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontext p {font-size:' . $caption_text_font_pn . 'px;}'; } if (!empty($mobilemax_height)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kad-slider-canvas, .kad-slider-' . $id . ' .kad-slider {height:' . $mobilemax_height . 'px !important;}'; } $custom_slider_css .= '}'; ob_start(); ?> <style type="text/css"> <?php echo $custom_slider_css; ?> </style> <div class="kad-slider-wrapper <?php echo esc_attr($slider_parallax_class); ?> <?php if ($slidecount == 1) { echo 'kt_slider_single_slide'; } ?> kad-slider-<?php echo esc_attr($id); ?> " data-ktslider-id="<?php echo esc_attr($id); ?> " data-ktslider-auto-play="<?php echo esc_attr($auto_play_data); ?> " data-ktslider-pause-time="<?php echo esc_attr($pause_data); ?> " data-ktslider-height="<?php echo esc_attr($data_height); ?> " data-ktslider-height-type="<?php echo esc_attr($data_height_type); ?> " style="max-width:<?php echo esc_attr($max_width); ?> ; margin-left: auto; margin-right:auto;"> <div id="kad-slider-<?php echo esc_attr($id); ?> " class="kad-slider kad-loading" style="margin-left: auto; margin-right:auto; height:<?php echo esc_attr($max_height); ?> ; "> <ul class="kad-slider-canvas seq-canvas" style="height:<?php echo esc_attr($max_height); ?> ;" > <?php $slidenumber = 1; if (!empty($slides)) { foreach ($slides as $slide) { ?> <li> <div class="kad-slide kad-slide-<?php echo esc_attr($slidenumber); ?> <?php echo esc_attr($textshaddowclass) . ' ' . esc_attr($headerstyleclass); ?> " style="background-image: url('<?php echo $slide['image']; ?> '); background-size:cover; background-repeat: no-repeat;"> <div class="caption-case kad-placement-<?php echo $slide["caption_placement"]; ?> "> <div class="kad-slide-caption animated <?php echo $slide["caption_animation_in"] . ' ' . $slide["caption_animation_out"]; ?> "> <div class="caption-case-inner" data-0="opacity: 1;" data-300="opacity: 0;"> <?php if (!empty($slide['title'])) { echo '<div class="kadcaptiontitle clearfix headerfont">' . $slide['title'] . '</div><div class="clearfix"></div>'; } ?> <?php if (!empty($slide['description'])) { echo '<div><div class="kadcaptiontext headerfont"><p>' . $slide['description'] . '</p></div></div>'; } ?> <?php if (!empty($slide['button_link'])) { echo '<a href="' . $slide['button_link'] . '" class="kad-slider-btn headerfont kad-slider-btn-01">' . $slide['button_txt'] . '</a>'; } ?> <?php if (!empty($slide['button_link_2'])) { echo '<a href="' . $slide['button_link_2'] . '" class="kad-slider-btn headerfont kad-slider-btn-02">' . $slide['button_txt_2'] . '</a>'; } ?> </div> </div> </div> </div> </li> <?php $slidenumber++; ?> <?php } ?> </ul> <ul class="kad-slider-pagination"> <?php foreach ($slides as $slide) { ?> <li class="kad-slider-dot"></li> <?php } ?> </ul> <a class="kad-slider-next kad-slider-navigate"></a> <a class="kad-slider-prev kad-slider-navigate"></a> <?php } ?> </div> <!--kad-slides--> </div> <!--kad-slider--> <?php $output = ob_get_contents(); ob_end_clean(); return $output; } }
$custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontitle {font-size:' . $caption_head_font . 'px;}'; } if (!empty($caption_header_txt_color)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontitle {color:' . $caption_header_txt_color . ';}'; } if (!empty($caption_text_font)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontext p {font-size:' . $caption_text_font . 'px;}'; } if (!empty($caption_caption_txt_color)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontext p {color:' . $caption_caption_txt_color . ';}'; } if (!empty($caption_caption_align)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .caption-case-inner {text-align:' . $caption_caption_align . ';}'; } if (!empty($caption_caption_bg_color)) { $cc_bg_rgb = ktslidehex2rgb($caption_caption_bg_color); $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontext p, .kad-slider-' . $id . ' .kad-slider .kadcaptiontitle {background-color: rgba(' . $cc_bg_rgb[0] . ', ' . $cc_bg_rgb[1] . ', ' . $cc_bg_rgb[2] . ', 0.3);}'; } $custom_slider_css .= '@media (max-width: 992px) {'; if (!empty($caption_text_font_tb)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontext p {font-size:' . $caption_text_font_tb . 'px;}'; } if (!empty($caption_head_font_tb)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontitle {font-size:' . $caption_head_font_tb . 'px;}'; } $custom_slider_css .= '} @media (max-width: 767px) {'; if (!empty($caption_head_font_pn)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontitle {font-size:' . $caption_head_font_pn . 'px;}'; } if (!empty($caption_text_font_pn)) { $custom_slider_css .= '.kad-slider-' . $id . ' .kad-slider .kadcaptiontext p {font-size:' . $caption_text_font_pn . 'px;}';