slider-shortcode.php

  <?php

   function seo_slide_shortcode($atts){
    extract( shortcode_atts( array(
        'count' => '',
    ), $atts) );

    $query_post = new WP_Query(
        array('posts_per_page' => $count, 'post_type' => 'slide')
      );

    $list = '
    <script>
        jQuery(window).load(function(){
            jQuery(".seo-slides").owlCarousel({
                items: 1,
                dots: true,
                autoplay: false,
                nav: true,
                loop: true,
                navText: ["<i class=\'fa fa-angle-left\'></i>", "<i class=\'fa fa-angle-right\'></i>"]
            });
        });
    </script>
    <div class="seo-slides">';
    while($query_post->have_posts()) : $query_post->the_post();
        $idd = get_the_ID();
        $slide_meta = get_post_meta($idd, 'seo_slide_options', true);
        $post_content = get_the_content();
        $list .= '
        <div style="background-image:url('.get_the_post_thumbnail_url($idd, 'large').')" class="seo_slide_item">
            <div class="seo-slide-table">
                <div class="seo-slide-tablecell">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-6">
                                <h2>'.get_the_title($idd).'</h2>
                                '.wpautop($post_content).'';
            if( !empty($slide_meta['buttons']) ) {
                $list.= '<div class="seo-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 seo-slide-btn">'.$button['text'].'</a>';
                }
                $list.= '</div>';
            }

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