slides-shortcode.php

<?php
/*
* Slide Shortcode
*/
function factorian_slides_shortcode($atts){
    extract( shortcode_atts( array(
        'count' => 3,
        'loop' => 'true',
        'slider_id' => '',
        'height' => '590',
        'nav' => 'true',
        'dots' => 'true',
        'autoplay' => 'true',
        'autoplayTimeout' => 5000,
    ), $atts) );

    if($count == 1){
        $q = new WP_Query(array('posts_per_page' => $count, 'post_type' => 'slide', 'p' => $slider_id));
    }else{
        $q = new WP_Query(array('posts_per_page' => $count, 'post_type' => 'slide'));
    }

    if($count == 1){
        $list = '';
    }else{
      $list = '
        <script>
            jQuery(window).load(function(){
                jQuery(".factorian-slides").owlCarousel({
                    items: 1,
                    loop: '.$loop.',
                    autoplay: '.$autoplay.',
                    autoplayTimeout: '.$autoplayTimeout.',
                    nav: '.$nav.',
                    dots: '.$dots.',
                    navText: ["<i class=\'fa fa-angle-left\'></i>","<i class=\'fa fa-angle-right\'></i>"]
                });
            });
        </script>';
    }

    $list .='
    <div class="factorian-slides">';
    while($q->have_posts()) : $q->the_post();
        $idd = get_the_ID();
        if(get_post_meta($idd, 'factorian_slide_options', true)){
            $slide_meta = get_post_meta($idd, 'factorian_slide_options', true);
        }else{
            $slide_meta = array();
        }
        if(array_key_exists('enable_overlay', $slide_meta )){
            $enable_overlay = $slide_meta['enable_overlay'];
        }else{
            $enable_overlay = true;
        }
        if(array_key_exists('overlay_percentage', $slide_meta )){
            $overlay_percentage = $slide_meta['overlay_percentage'];
        }else{
            $overlay_percentage = .5;
        }
        if(array_key_exists('overlay_color', $slide_meta )){
            $overlay_color = $slide_meta['overlay_color'];
        }else{
            $overlay_color = '#181a1f';
        }
        $post_content = get_the_content();
        $list .= '
        <div style="background-image:url('.get_the_post_thumbnail_url($idd, 'large').');height:'.$height.'px"class="factorian-slide-item">';

            if($enable_overlay == true){
                $list .='<div style="opacity:'.$overlay_percentage.';background-color:'.$overlay_color.'" class="slide-overlay"></div>';
            }


            $list .='
            <div class="factorian-slide-table">
                <div class="factorian-slide-tablecell">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-5 col-md-offset-6">
                                <h2>'.get_the_title($idd).'</h2>
                                '.wpautop($post_content).'';
                            if(!empty($slide_meta['buttons'])){
                                $list.='<div class="factorian-slide-buttons">';
                                    foreach($slide_meta['buttons'] as $button){
                                        if($button['link_type']==1){
                                            $btn_link = get_page_link($button['link_to_page']);
                                        } else{
                                            $btn_link = $button['link_to_external'];
                                        }

                                        $list.='<a href="'.$btn_link.'" class="'.$button['type'].' -btn factorian-slide-btn">'.$button['text'].'</a>';
                                    }
                                $list.='</div>';
                            }


                $list .='  </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        ';
    endwhile;
    $list.= '</div>';
    wp_reset_query();
    return $list;
}
add_shortcode('factorian_slides', 'factorian_slides_shortcode');