I recently had a website handed over to me, During the process the Original creator migrated the hosting and in the process broke multiple aspects of the website.
I’ve finally got it back to a working state just one more part that is making me scratch my head. The site has a carousel as part of a “showroom” page. From what I can see this is using a PHP template for the mentioned page.
It should be displaying the featured image with a carousel of the gallery along the bottom followed.
Like This (It seems to work fine on the individual posts)
I’m hoping someone here could hopefully guide me in the right direction of how to fix this.
this is the section of code I think is at fault.
<div style="" class="showrooms new-showrooms col col-lg-4">
<div id="carousel-<?php echo $postID;?>" class="carousel slide" data-ride="carousel" data-interval="false" data-ff-autoslide-time="0">
<div class="carousel-inner">
<?php $images = get_field('gallery_images');
if( $images ): $i=0;
foreach( $images as $image ): $i++;
?>
<div class="item <?php if($i==1){ echo ' active '; }?>">
<a class="fancybox" href="<?php echo $image['url'] ?>" rel="<?php echo $postID;?>-gal"><img src="<?php echo $image['sizes']['medium_large']; ?>" alt="<?php echo $image['alt']; ?>"></a>
</div>
<?php endforeach; endif; ?>
</div>
</div>
<div class="thumbs clearfix">
<div id="thumbcarousel-<?php echo $postID;?>" class="carousel slide" data-interval="false" data-ff-autoslide-time="0">
<div class="carousel-inner">
<?php $images = get_field('gallery_images');
if( $images ): $i=0; $t = count($images);
foreach( $images as $image ): $i++;
?>
<?php if($i%4==1):?>
<div class="item <?php if($i==1){ echo ' active '; } ?>">
<?php endif; ?>
<div data-target="#carousel-<?php echo $postID;?>" data-slide-to="<?php echo $i-1;?>" class="thumb"><img src="<?php echo $image['sizes']['medium']; ?>"></div>
<?php if($i%4==0 || $i==$t):?>
</div><!-- /item -->
<?php endif; ?>
<?php endforeach; endif; ?>
</div><!-- /carousel-inner -->
<!-- /controls -->
<a class="left carousel-control" href="#thumbcarousel-<?php echo $postID;?>" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#thumbcarousel-<?php echo $postID;?>" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div> <!-- /thumbcarousel -->
</div><!-- /clearfix -->
Any Help would be much appreacited.
Thanks
Go to Source
Author: Kyle