Просмотр исходного текста страницы Таблица с количеством товарных предложений

'''Актуально для версии 20.'''<br>
'''Задача: Добавить в карточку товара таблицу с остатками торговых предложений.'''<br>
'''Решение: на примере шаблона Demomarket.'''<br>

Создадим в папке /templates/demomarket/php/catalog/product/main/price новый файл шаблона offers_amount.phtml.<br>
В файле /templates/demomarket/php/catalog/product/main/price/buy.phtml добавим строку в конце блока div class="col-md-12".<br>
<source lang="php">
<?= $this->render($product, 'catalog/product/main/price/offers_amount') ?>
</source>

Файл шаблона offers_amount.phtml:<br>
<source lang="php">
<?php

$product = $variables;
/* Получаем экземпляр коллекции торговых предложений, используя метод DemomarketPhpExtension::getTradeOfferCollection */
$offersCollection = $this->getTradeOfferCollection($product);
/* Получаем массив торговых предложений для данного товара */
$offers = $offersCollection->getList();
/* Граница между много/мало */
$limit = 5;
?>

<table class="offers_amount">
	<tbody>
		<tr class="caption">
			<td>Модель</td>
			<td>Количество</td>
		</tr>
			<?php foreach ($offers as $key => $offer): ?>
				<tr>
					<td><?= $offer->getName() ?></td>
					
					<?php if ($offer->getTotalCount() < $limit):?>
						<td class="few_offers">Мало</td>
					<?php else: ?>
						<td class="many_offers">Много</td>
					<?php endif; ?>					
				</tr>					
			<?php endforeach; ?>
	</tbody>
</table>
</source>
<br>
В результате получится такая табличка:<br><br>
----
[[Файл:Offers amount.png]]
----
<br>
CSS-код, использованный в данном примере:
<source lang="css">
.offers_amount {
	margin-top: 20px;
    border: 2px solid #33b5cb;
}
.offers_amount td {
    padding: 3px;
    border: 1px solid #33b5cb;
}
.caption {
	background-color: #e6cece;
}
.few_offers {
	background-color: #f58989;
}
.many_offers {
	background-color: #d5f2fd;
}
</source>

 [[category:Верстка в PHP]]