Website Migration and now Carousel isn’t working,

Question

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.
enter image description here Like This (It seems to work fine on the individual posts)

What I am getting is this:
enter image description here

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

0
, , Kyle 2 months 0 Answers 47 views 0

Leave an answer