node--bootstrap_carousel.tpl.php in bootstrap_carousel 7
Template for bootstrap carousel
File
theme/node--bootstrap_carousel.tpl.phpView source
<?php
/**
* @file
* Template for bootstrap carousel
*/
?>
<div id="carousel-bootstrap" class="carousel slide">
<?php
$node = entity_metadata_wrapper('node', $node);
$control_options = $node->field_control_options
->value();
$carousel_items = $node->field_slides
->value();
?>
<?php
if (in_array(2, $control_options)) {
?>
<?php
if (!empty($carousel_items)) {
?>
<div class="bullets-control">
<ol class="carousel-indicators">
<?php
foreach ($carousel_items as $id => $carousel_slide) {
?>
<li data-target="#carousel-bootstrap" data-slide-to="<?php
print $id;
?>" class="bullet <?php
$id == '0' ? print 'active' : (print '');
?>"></li>
<?php
}
?>
</ol>
</div>
<?php
}
?>
<?php
}
?>
<div class="carousel-inner">
<?php
if (!empty($carousel_items)) {
?>
<?php
foreach ($carousel_items as $id => $carousel_slide) {
?>
<div class="item<?php
$id == '0' ? print ' active' : (print '');
?>">
<?php
if (!empty($carousel_slide['carousel_image'])) {
?>
<?php
$img_url = file_create_url(file_load($carousel_slide['carousel_image'])->uri);
?>
<img src="<?php
print $img_url;
?>" alt="<?php
print check_plain($carousel_slide['image_alt_text']);
?>"/>
<?php
}
?>
<?php
if (!empty($carousel_slide['carousel_video'])) {
?>
<div class="video-wrapper">
<div class="video-container">
<div class="ytplayer" id="ytplayer-<?php
print $carousel_slide['carousel_video'];
?>" data-videoid="<?php
print $carousel_slide['carousel_video'];
?>">
</div>
</div>
</div>
<?php
}
?>
<?php
if (strip_tags($carousel_slide['carousel_caption']) != '') {
?>
<div class="carousel-caption">
<?php
print check_markup($carousel_slide['carousel_caption'], $carousel_slide['format']);
?>
</div>
<?php
}
?>
</div>
<?php
}
?>
<?php
}
?>
</div><!-- .carousel-inner -->
<?php
if (in_array(1, $control_options)) {
?>
<!-- next and previous controls here
href values must reference the id for this carousel -->
<a class="carousel-control left" href="#carousel-bootstrap" data-slide="prev">‹</a>
<a class="carousel-control right" href="#carousel-bootstrap" data-slide="next">›</a>
<?php
}
?>
</div>