Доброй ночи, столкнулся с проблемой оформления при выводе товаров через модуль "Акции" на главной странице магазина, то есть первый товар в списке оформлен иначе чем все последующие, и поэтому возник вопрос, можно ли сделать условие в шаблоне для товара который будет выводится первым в списке?
Вот пример того как это выглядит в идеале:
А вот код в верстке:
<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 для первого товара в списке?
Заранее благодарен за любую помощь!