Hello!
I want to share with you, how i solved to display an images slideshow in my bootstrap template.
First i created a field x in my content type for the images which the slideshow should contain.
Then i published the field also in my Content Tab.
In the override file for the mainbody.php (templates/seb_one/positions/contenttypename/content/mainbody.php) i added following code:
<!-- Indicators --><div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<?php $slideindex = 0; $i = 0;?>
<?php foreach($cck->get( 'your_field_x_name' )->value as $fx){ ?>
<?php $item_class_li = ($i == 1) ? 'active' : ''; ?>
<li data-target="#carousel-example-generic" data-slide-to="<?php echo $slideindex; ?>" class="<?php echo $item_class_li; ?>"></li>
<?php $slideindex++; ?>
<?php } ?>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<?php foreach($cck->get('your_field_x_name')->value as $fx){ ?>
<?php $item_class = ($i == 1) ? 'item active' : 'item'; ?>
<div class="<?php echo $item_class; ?>">
<img src="/<?php echo $fx->value; ?>" alt="<?php echo $fx->image_alt; ?>" title ="<?php echo $fx->image_title; ?>" />
<div class="carousel-caption">
<?php echo $fx->image_title; ?>
</div>
</div>
<?php $i++; ?>
<?php } ?>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div><br>Should work with all bootstrap themes. I hope that helps!
Regards,
Elisa