0

Здравствуйте, использую движок FlexoCMS и для эстетической красоты на сайте решил сделать, блок новостей, задумка такая чтобы четные новости и нечетные имели разный дизайн. Вот код

    <?php foreach ($articles->children(array('limit' => 10, 'offset' => (isset($_GET['offset']) ? (int)$_GET['offset']: 0))) as $item): ?>
<div class="media">ТУТ мои вставки, титулки итд</div>

<?php endforeach; ?>

Как сделать чтобы все четные div блоки были класса media а нечетные media2 класса. Для полноты картины прикрепляю полный код сниппета отвечающего за контент на странице

    <?php

$articles = $this->find('отзывы-клиентов');

?>

<div class="articles-list" style="
       margin: 0 auto;
    max-width: 800px;
">
    <?php foreach ($articles->children(array('limit' => 10, 'offset' => (isset($_GET['offset']) ? (int)$_GET['offset']: 0))) as $item): ?>
    <div class="media">
                            <div class="pull-left">
                                <a href="#"><img style="width: 180px;border-radius: 101px;" src="<?php echo $item->images->findOne()->url(); ?> ">  </a>
                            </div>
                            <div class="media-body">
                                <blockquote style="margin-top: 20px;"><?php echo $item->content(); ?></blockquote>
                                <h3><a>-  <?php  echo $item->content('name_otz', true); ?></a></h3>
                            </div>
                         </div>
    <?php endforeach; ?>
</div><!--/.articles-list-->

<?php

$articles_count = $articles->childrenCount();
$offset = (isset($_GET['offset']) ? (int)$_GET['offset']: 0);

?>

<br><br><br><br>
<?php $this->includeSnippet('priem_zayavok'); ?>
<!--
<nav class="pager">
    <?php if($articles_count > 10 && ($offset+10) < $articles_count): ?>
    <a class="pager-old" href="<?php echo get_url('articles'); ?>?offset=<?php echo ($offset+10); ?>">Older posts</a>
    <?php endif; ?>

    <a class="pager-home" href="<?php echo get_url('articles'); ?>">Home</a>

    <?php if($offset >= 10): ?>
    <a class="pager-new" href="<?php echo get_url('articles'); ?>?offset=<?php echo ($offset-10); ?>">Newer posts</a>
    <?php endif; ?>
</nav>
-->

Cчетчик самой новости

$articles_count

1
  • Я представляю это примерно так: <div class="<?php if($articles_count / 2" ТО ПРИНТФ media ЭЛСЕ media2 >" но по причине того что плохо знаю php не могу реализовать данное
    – Павел
    29 мар 2017 в 18:32

1 ответ 1

2

Для того чтобы по-разному оформить чётные и нечётные блоки лучше всего воспользоваться мощью CSS (https://developer.mozilla.org/ru/docs/Web/CSS/:nth-child)

Для решения задачи на php, объявите счётчик итераций $i = 0; и увеличивайте его в конце каждой итерации цикала foreach ($articles->children....

$i = 0;
foreach(...) {
    ...
    if ($i % 2) { // если чётное
    }
    ++$i;
}
3
  • Разве этот метод применим для div блоков? У меня уже есть счетчик $articles_count. Я хотел чтобы он сразу проверял и подставлял значение, как мой комментарий к вопросу. Такое возможно реализовать?
    – Павел
    29 мар 2017 в 19:30
  • Мне нужно именно менять названия классов, в зависимости от счетчика
    – Павел
    29 мар 2017 в 19:54
  • @Павел $articles_count это количество статей, а вам надо знать какая сейчас итерация цикла foreach. Для этого и нужен счётчик $i. Вот так можно менять название класса: $className = ($i % 2)? 'media2' : 'media';. Потом просто подставьте переменную в шаблон. 30 мар 2017 в 8:37

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.