WordPress — Синтаксис Php для слайдера корзины Bootstrap
Я пытаюсь сделать слайдер корзины, который можно увидеть на http://bootsnipp.com/snippets/Pbnxx
Я борюсь с правильным синтаксисом PHP. Может кто-нибудь мне помочь?
То, как я вижу это, что мне нужно подготовить .item а также .row для каждых 4 столбцов, но что-то глючит и не работает, как ожидалось
<div class="container">
<div class="row">
<div class="col-md-9">
<h3>TITLE </h3>
</div>
<div class="col-md-3">
<!-- Controls -->
<div class="controls pull-right hidden-xs">
<a class="left fa fa-chevron-left btn btn-success" href="#carousel-example"data-slide="prev"></a>
<a class="right fa fa-chevron-right btn btn-success" href="#carousel-example"data-slide="next"></a>
</div>
</div>
</div>
<div id="carousel-example" class="carousel slide hidden-xs" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner"><?php
while ( $query->have_posts() ) :
$query->the_post();
// make new slide every 4 columns
if($i % 4 == 0) : ?>
<div class="item <?php if($a++ == 0) echo 'active'; ?>">
<div class="row">
<?php endif; ?><div class="col-sm-3">
<div class="col-item">
<?php echo $i; ?>
</div>
</div>
<!-- end slide every 4 columns -->
<?php if($i++ % 4 == 0) : ?>
</div> <!-- row -->
</div> <!-- slide -->
<?php endif; ?><?php endwhile; ?></div> <!-- end carousel --></div> <!-- carousel-example -->
</div> <!-- container -->
Решение
Я думаю твой .row должно быть также .item потому что вы хотите скользить 4 предмета одновременно.
Другие решения
Здесь у вас есть мой код, использующий smarty. я использовал array_chunk($items, 4) и вложенные циклы.
<div class="carousel-inner">
{foreach $recipebox.recipes as $key=>$recipeSet}
{if $key == 0}
<div class="row item active">
{else}
<div class="row item">
{/if}
{foreach $recipeSet as $recipe }
<div class="col-xs-3">
// box content
</div>
{/foreach}
</div>
{/foreach}
</div>