Olá, eu estou tentando ajustar o meu carousel para que ele tenha um grid feito por loop, tenho o seguinte código de wordpress:
<?php
global $posts;
$b = 0;
$args = array( 'post_type' => 'banner', 'posts_per_page' => 5 );
$loop = new WP_Query( $args );
?>
<div id="carousel-front-page" data-ride="carousel" class="carousel slide">
<div class="carousel-inner">
<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
<div class="item <?php if (0 == $b) {echo "active";} ?>">
<?php the_content() ?>
</div>
<?php $b++ ?>
<?php endwhile ?>
</div>
<a class="left carousel-control" href="#carousel-front-page" data-slide="prev">
<span class="icon-prev"></span>
</a>
<a class="right carousel-control" href="#carousel-front-page" data-slide="next">
<span class="icon-next"></span>
</a>
</div>
Funciona normalmente com loop de post type de wordpress, mas eu estou tentando agora fazer do mesmo modo, só que com um grid de col-md-3 por exemplo, com loop deixando 4 posts de inicio, e depois ir para mais quatro. E não estou conseguindo de jeito nenhum fazer um loop nisso, não sei onde estou errando, sei que sem loop é fácil de fazer.
Fiz algo em cima disso, mas estou pecando em alguma coisa:
<?php
$per_page = 5;
$n=0;
$args = array( 'post_type' => 'meusprodutos', 'posts_per_page' => $per_page );
$loop = new WP_Query( $args );
if($loop->have_posts()):
?>
<div class="carousel-loja">
<div id="shopCarousel" class="carousel slide">
<div class="ponteiros">
<ol class="carousel-indicators">
<?php while($loop->have_posts()): $loop->the_post(); ?>
<li data-target="#shopCarousel" data-slide-to="<?php echo $n++; ?>"></li>
<?php endwhile; ?>
</ol>
</div><!--ponteiros-->
<!-- Carousel items -->
<div class="carousel-inner">
<div class="row">
<?php while($loop->have_posts()): $loop->the_post(); ?>
<div class="col-md-4">
<div class="item <?php if (0 == $n) {echo "active";} ?>">
<h4><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h4>
</div><?php $n++ ?>
</div>
<?php endwhile; ?>
</div>
</div>
</div>
</div>
<?php
endif;
wp_reset_query();
?>
Alguem pode me ajudar?
$('#mycarousel').carousel()
) e o CSS associados (não os do bootstrap)