team slider shortcode with visual composer
team slider shortcode:-
================================================================================================
html code:
...................
<div class="section-content">
<div data-options="{"items": 3, "autoplay": true, "margin": 30}" class="owl-carousel">
<div class="team-member">
<div class="team-image"><img src="images/team/4.jpg" alt=""></div>
<div class="team-info">
<h3>Arya Stark</h3><span>Founder and CEO</span>
</div>
<div class="team-social">
<ul>
<li><a href="#" target="blank"><i class="ti-facebook"></i></a></li>
<li><a href="#" target="blank"><i class="ti-twitter-alt"></i></a></li>
<li><a href="#" target="blank"><i class="ti-linkedin"></i></a></li>
<li><a href="#" target="blank"><i class="ti-instagram"></i></a></li>
<li><a href="#" target="blank"><i class="ti-dribbble"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
.............................................
<?php
function commet_team_slider($one, $two){
$commet = shortcode_atts([
't-img' =>' ',
't-name' =>' ',
't-deg' =>' ',
't-fb' =>' ',
't-twi' =>' ',
't-linked' =>' ',
't-insa' =>' ',
't-dri' =>' ',
't-count' =>' 3',
't-all' =>' ',
], $one);
ob_start();
?>
<div class="section-content">
<div data-options="{"items": <?php echo $commet['t-count']; ?>, "autoplay": true, "margin": 30}" class="owl-carousel">
<?php
if(vc_param_group_parse_atts($commet['t-all'])) :
$tall = vc_param_group_parse_atts($commet['t-all']);
foreach($tall as $matal) :
?>
<div class="team-member">
<div class="team-image"><img src="<?php
$teamslider = wp_get_attachment_image_src($matal['t-img'], 'full');
echo $teamslider[0];
?>" alt=""></div>
<div class="team-info">
<h3><?php echo $matal['t-name']; ?></h3><span><?php echo $matal['t-deg']; ?></span>
</div>
<div class="team-social">
<ul>
<li><a href="<?php echo $matal['t-fb']; ?>" target="blank"><i class="ti-facebook"></i></a></li>
<li><a href="<?php echo $matal['t-twi']; ?>" target="blank"><i class="ti-twitter-alt"></i></a></li>
<li><a href="<?php echo $matal['t-linked']; ?>" target="blank"><i class="ti-linkedin"></i></a></li>
<li><a href="<?php echo $matal['t-insa']; ?>" target="blank"><i class="ti-instagram"></i></a></li>
<li><a href="<?php echo $matal['t-dri']; ?>" target="blank"><i class="ti-dribbble"></i></a></li>
</ul>
</div>
</div>
<?php endforeach; endif; ?>
</div>
</div>
<?php
return ob_get_clean();
}
add_shortcode('commet_team_slider', 'commet_team_slider');
vc_map([
'name' =>'Commet Team Member Slider',
'base' =>'commet_team_slider',
'icon' =>get_template_directory_uri(). '/images/cat.png',
'description' =>'Commet Custom box',
'params' =>[
[
'param_name' => 't-count',
'type' =>'dropdown',
'value' =>[
'Select' =>' ',
'3 Member' =>'3',
'4 Member' =>'4',
'5 Member' =>'5',
]
],
[
'param_name' => 't-all',
'type' =>'param_group',
'heading' =>'Add Team member',
'params' =>[
[
'param_name' => 't-img',
'type' =>'attach_image',
'heading' =>'Member Image',
],
[
'param_name' => 't-name',
'type' =>'textfield',
'heading' =>'Member Name',
],
[
'param_name' => 't-deg',
'type' =>'textfield',
'heading' =>'Member Designation',
],
[
'param_name' => 't-fb',
'type' =>'textfield',
'heading' =>'Facebook',
],
[
'param_name' => 't-twi',
'type' =>'textfield',
'heading' =>'twitter',
],
[
'param_name' => 't-linked',
'type' =>'textfield',
'heading' =>'Linkedin',
],
[
'param_name' => 't-insa',
'type' =>'textfield',
'heading' =>'Instagram',
],
[
'param_name' => 't-dri',
'type' =>'textfield',
'heading' =>'Dribble',
],
]
]
],
]);
?>
............................................
No comments