[Решено] Небольшая доработка модуля "Акции" - условие при выводе первого товара

[polevser]

Доброй ночи, столкнулся с проблемой оформления при выводе товаров через модуль "Акции" на главной странице магазина, то есть первый товар в списке оформлен иначе чем все последующие, и поэтому возник вопрос, можно ли сделать условие в шаблоне для товара который будет выводится первым в списке?

 

Вот пример того как это выглядит в идеале:

 

А вот код в верстке:

        <div class="special-proposal">
          <h3 class="special-proposal__title">Специальные предложения по акциям!<i class="icon--sale"></i></h3>

          <div class="special-proposal__item special-proposal__item--large">
            <a href="index.html" class="special-proposal__item__link">
              <img src="images/inline/topsale__item__link__img--1.jpg" width="155" height="186" alt="Мультиварка Panasonic SR TMH18LTW" class="special-proposal__item__link__img">
            </a><a href="index.html" class="special-proposal__item__title">Мультиварка Panasonic SR TMH18LTW</a>
            <p class="special-proposal__item__price-wrap"><span class="special-proposal__item__price-wrap__old-price">30 450<span class="special-proposal__item__price-wrap__old-price__currency">руб.</span></span><span class="special-proposal__item__price-wrap__price">20 990</span><span class="special-proposal__item__price-wrap__currency">руб.</span>
            </p>
          </div>

          <div class="special-proposal__item special-proposal__item">
            <a href="index.html" class="special-proposal__item__link">
              <img src="images/inline/topsale__item__link__img--1.jpg" width="155" height="186" alt="Мультиварка Panasonic SR TMH18LTW" class="special-proposal__item__link__img">
            </a><a href="index.html" class="special-proposal__item__title">Мультиварка Panasonic SR TMH18LTW</a>
            <p class="special-proposal__item__price-wrap"><span class="special-proposal__item__price-wrap__old-price">30 450<span class="special-proposal__item__price-wrap__old-price__currency">руб.</span></span><span class="special-proposal__item__price-wrap__price">2 990</span><span class="special-proposal__item__price-wrap__currency">руб.</span>
            </p>
          </div>
          <div class="special-proposal__item special-proposal__item">
            <a href="index.html" class="special-proposal__item__link">
              <img src="images/inline/topsale__item__link__img--1.jpg" width="155" height="186" alt="Мультиварка Panasonic SR TMH18LTW" class="special-proposal__item__link__img">
            </a><a href="index.html" class="special-proposal__item__title">Мультиварка Panasonic SR TMH18LTW</a>
            <p class="special-proposal__item__price-wrap"><span class="special-proposal__item__price-wrap__old-price">30 450<span class="special-proposal__item__price-wrap__old-price__currency">руб.</span></span><span class="special-proposal__item__price-wrap__price">20 990</span><span class="special-proposal__item__price-wrap__currency">руб.</span>
            </p>
          </div>
          <div class="special-proposal__item special-proposal__item">
            <a href="index.html" class="special-proposal__item__link">
              <img src="images/inline/topsale__item__link__img--1.jpg" width="155" height="186" alt="Мультиварка Panasonic SR TMH18LTW" class="special-proposal__item__link__img">
            </a><a href="index.html" class="special-proposal__item__title">Мультиварка Panasonic SR TMH18LTW SR TMH18LTW</a>
            <p class="special-proposal__item__price-wrap"><span class="special-proposal__item__price-wrap__old-price">30 450<span class="special-proposal__item__price-wrap__old-price__currency">руб.</span></span><span class="special-proposal__item__price-wrap__price">3 333</span><span class="special-proposal__item__price-wrap__currency">руб.</span>
            </p>
          </div><span class="special-proposal__del-line"></span><a href="index.html" class="special-proposal__view-all">Посмотреть все специальные предложения</a>
        </div>

То есть по сути идет просто приписка в class="" вида "--large", и встает вопрос, мог ли бы кто нибудь помочь с доработкой, чтобы можно было задать условие в шаблоне?

 

Вот как сейчас выглядит шаблон, пришлось за комментировать кусок кода, чтобы не рушить все:

        <!-- BEGIN .special-proposal-->
        <div class="special-proposal">
          <h3 class="special-proposal__title">Специальные предложения по акциям!<i class="icon--sale"></i></h3>
      <?php foreach ($products as $product) { ?>
          <div class="special-proposal__item special-proposal__item<!-- --large -->">
        <?php if ($product['thumb']) { ?>
            <a href="<?php echo $product['href']; ?>" class="special-proposal__item__link">
              <img src="<?php echo $product['thumb']; ?>" width="155" alt="<?php echo $product['name']; ?>" class="special-proposal__item__link__img">
            </a>
        <?php } ?>
            <a href="<?php echo $product['href']; ?>" class="special-proposal__item__title"><?php echo $product['name']; ?></a>
        <?php if ($product['price']) { ?>
            <p class="special-proposal__item__price-wrap">
          <?php if (!$product['special']) { ?>
          <span class="special-proposal__item__price-wrap__old-price"><?php echo $product['price']; ?></span>
          <?php } else { ?>
          <span class="special-proposal__item__price-wrap__old-price"><?php echo $product['price']; ?></span>
          <span class="special-proposal__item__price-wrap__price"><?php echo $product['special']; ?></span>
          <?php } ?>
            </p>
        <?php } ?>
          </div>
      <?php } ?>
          <span class="special-proposal__del-line"></span><a href="/specials/" class="special-proposal__view-all">Посмотреть все специальные предложения</a>
        </div>
        <!-- END .special-proposal-->

Можно ли задать условие if else для первого товара в списке?

 

Заранее благодарен за любую помощь!

 

[afwollis]

<?php foreach ($products as $product) { ?>

>

<?php foreach ($products as $i => $product) { ?>

<div class="special-proposal__item special-proposal__item<!-- --large -->">

>

<div class="special-proposal__item special-proposal__item<?php if ($i == 0) { echo ' --large'; } ?>">

[chukcha]

special-proposal__item:first-child

[polevser]

<?php foreach ($products as $product) { ?>

>

<?php foreach ($products as $i => $product) { ?>

<div class="special-proposal__item special-proposal__item<!-- --large -->">

>

<div class="special-proposal__item special-proposal__item<?php if ($i == 0) { echo ' --large'; } ?>">

 

Спасибо большое! Премного благодарен!

 

 

special-proposal__item:first-child

 

Знаю, )) спасибо, но с версткой все не так просто как кажется на первый взгляд.