Альтернативный макет для каждого цикла
В каждом цикле я хочу чередовать расположение моих блоков, поэтому это будет выглядеть так:
Цикл 1: изображение левого столбца, текст правого столбца
Цикл 2: текст левой колонки, изображение правой колонки
Но пока все, чем я управляю, так это то, что каждый блок находится на одной стороне или первый блок дублирован, вот мой код:
Любая помощь или точка в правильном направлении будет принята с благодарностью
<?php $i = 0;
foreach ($homepageblocks as $block):
$i++; ?>
<div class="row">
<div class="container container-fluid">
<div class="col-md-6">
<h2><?php echo $block['title']; ?></h2>
<?php echo $block['content']; ?>
<a href="<?php echo $block['link']; ?>" class="blue--button">Read More</a>
</div>
<div class="col-md-6 nopadding">
<img src="<?php echo '/uploads'.$img_path; ?>" alt="<?php echo $block['title']; ?>"/>
</div>
</div>
</div>
<?php if($i%2 == 0): ?>
<div class="row">
<div class="container container-fluid">
<div class="col-md-6 nopadding">
<img src="<?php echo '/uploads'.$img_path; ?>" alt="<?php echo $block['title']; ?>" />
</div>
<div class="col-md-6">
<h2><?php echo $block['title']; ?></h2>
<?php echo $block['content']; ?>
<a href="<?php echo $block['link']; ?>" class="blue--button">Read More</a>
</div>
</div>
</div>
<?php endif; ?>
<?php endforeach; ?>
Решение
добавлять else перейти к вашему if:
foreach ($homepageblocks as $block):
$i++;?>
<div class="row">
<div class="container container-fluid">
<?php
// one layout type
if($i%2 == 0):?>
<div class="col-md-6 nopadding">
<img src="<?php echo '/uploads'.$img_path; ?>" alt="<?php echo $block['title']; ?>" />
</div>
<div class="col-md-6">
<h2><?php echo $block['title']; ?></h2>
<?php echo $block['content']; ?>
<a href="<?php echo $block['link']; ?>" class="blue--button">Read More</a>
</div>
<?php
// another layout type
else:?>
<div class="col-md-6">
<h2><?php echo $block['title']; ?></h2>
<?php echo $block['content']; ?>
<a href="<?php echo $block['link']; ?>" class="blue--button">Read More</a>
</div>
<div class="col-md-6 nopadding">
<img src="<?php echo '/uploads'.$img_path; ?>" alt="<?php echo $block['title']; ?>"/>
</div>
<?php
endif;?>
</div>
</div>
<?php
endforeach; ?>
Другие решения
Других решений пока нет …