Shortcode

<?php

class WPBakeryShortCode_Tt_team_Slider extends WPBakeryShortCode {
    protected function content( $atts, $content = null){
        extract( shortcode_atts( array(
            "layout" => 'standard',
            "list" => "",
            "extra_class" => ""
        ), $atts ) );


        $list = vc_param_group_parse_atts($list);
        $lists = '';
        $slider_bullets = "<div class='swiper-pagination'></div>";

        if( is_array($list) ){
            foreach ($list as $item) {
                $image = isset($item['image']) ? $item['image'] : "";

                $professional = isset($item['professional']) ? $item['professional'] : "";
                $professional = !empty($professional) ? "$professional" : "";

                $name = isset($item['name']) ? $item['name'] : "";
                $name = !empty($name) ? "$name" : "";

                $description_text = isset($item['description_text']) ? $item['description_text'] : "";
                $description_text = !empty($description_text) ? "$description_text" : "";

                $hover = isset($item['hover']) ? $item['hover'] : "";
                $hover = !empty($hover) ? "$hover" : "";

                $socialz = isset($item['socialz']) ? $item['socialz'] : "";
                $socialz = !empty($socialz) ? "$socialz" : "";


                $atach_src = wp_get_attachment_image_src($image, 'large');
                $image = is_array($atach_src) ? $atach_src[0] : "";

                $socialz_list='';
                $socialz_link = explode(',', $socialz);


                foreach($socialz_link as $socialz_link){

                    $see = explode("|", $socialz_link);
                    $socialz_list.= $socialz_link.'<br>' ;

                }
                if($layout == 'style2'){
                    $lists .="<div class='col-lg-4 col-lg-offset-0 col-md-4 col-md-offset-0 col-sm-6 col-sm-offset-3 col-xs-12'>
                                <div class='team-block'>
                                <img src='".esc_attr($image)."' alt='team image'>
                                  <div class='later-team'>
                                     <h4>$name</h4>
                                       <h6>$professional</h6>
                                            <div class='hiden-text'>
                                              <p>$description_text</p>
                                                 <div class='team-share'>
                                                    <a href='#' class='fa fa-facebook'></a>
                                                    <a href='#' class='fa fa-twitter'></a>
                                                    <a href='#' class='fa fa-pinterest'></a>
                                                 </div>
                                            </div>
                                      </div>
                                </div>
                            </div>";
                }elseif ($layout== 'style3') {
                    $lists.="<li class='team-member'>
                                    <div class='img-wrap'>
                                       <img src='".esc_attr($image)."' alt='team image'>
                                        <div class='team-overlay'>
                                            <p class='col-lg-12'>$hover</p>
                                        </div>
                                    </div>
                                    <div class='team-detail'>
                                        <span class='tdesg'>$professional</span>
                                        <span class='tname'>$name</span>
                                        <ul class='tsocial'>
                                            <li><a class='' href='#'><i class='fa fa-facebook'></i></a></li>
                                            <li><a class='' href='#'><i class='fa fa-twitter'></i></a></li>
                                            <li><a class='' href='#'><i class='fa fa-behance'></i></a></li>

                                        </ul>
                                        <p>$description_text</p>
                                    </div>
                                </li>";
                            }
                else{
                    $lists .= "<div class='item team-item'>
                                    <ul>
                                        <li class='team-member'>
                                            <div class='img-wrap'>
                                                <img src='".esc_attr($image)."' alt='team image'>
                                                <div class='team-overlay'>
                                                    <p class='col-lg-12'>$hover</p>
                                                </div>
                                            </div>
                                            <div class='team-detail'>
                                                <span class='tdesg'>$professional</span>
                                                <span class='tname'>$name</span>
                                                 <ul class='tsocial'>
                                                    <li><a class='' href='#'><i class='fa fa-facebook'></i></a></li>
                                                    <li><a class='' href='#'><i class='fa fa-twitter'></i></a></li>
                                                </ul>
                                                <p>$description_text</p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>";
                }


                }
            }

        if($layout =='style2'){

            $result = $lists;

        }
        elseif($layout =='style3'){

            $result ="<ul class='team-wrapper'>$lists</ul";

        }else{

            $result = "<div id='owl-demo'>
                           $lists
                        </div>";
        }


        return $result;
    }
}

vc_map( array(
    "name" => esc_html__("Team Slider", 'dallas'),
    "description" => esc_html__("Content slider", 'dallas'),
    "base" => "tt_team_Slider",
    "class" => "",
    "icon" => "icon-wpb-quickload",
    "category" => 'Dallas',
    "show_settings_on_create" => true,
    "params" => array(
         array(
            "type" => "dropdown",
            "param_name" => "layout",
            "heading" => esc_html__("Style", 'dallas'),
            "value" => array(
                "Style 1" => "standard",
                "Style 2" => "style2",
                "Style 3" => "style3"
            ),
            "std" => "standard"
        ),

        array(
            'type' => 'param_group',
            'heading' => esc_html__('Values', 'dallas'),
            'param_name' => 'list',
            'value' => '',
            'params' => array(
                array(
                    'type' => 'attach_image',
                    "param_name" => "image",
                    "heading" => esc_html__("Image", 'dallas')
                ),

                // title text
                array(
                    'type' => 'textfield',
                    'heading' => esc_html__('Name', 'dallas'),
                    'param_name' => 'name',
                    'value' => 'Marene Grande'
                ),
                array(
                    'type' => 'textfield',
                    'heading' => esc_html__('Title hover text', 'dallas'),
                    'param_name' => 'hover',
                    'value' => 'I am very font of you because you are just my type.'
                ),
                array(
                    'type' => 'textfield',
                    'heading' => esc_html__('Professional name', 'dallas'),
                    'param_name' => 'professional',
                    'value' => 'Designer'
                ),
                array(
                    'type' => 'textfield',
                    'heading' => esc_html__('Description text', 'dallas'),
                    'param_name' => 'description_text',
                    'value' => 'this description'
                ),
                array(
                    'type' => 'textfield',
                    "param_name" => "socialz",
                    "heading" => esc_html__("Social", 'dallas'),
                    "value" => 'facbook|http//facebook.com,Twitter|http//facebook.com'
                )

            )
        ),
        array(
            "type" => "textfield",
            "param_name" => "extra_class",
            "heading" => esc_html__("Extra Class", 'dallas'),
            "value" => "",
            "description" => esc_html__("If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.", 'dallas'),
        )
    )
) );