Список элементов (eshop.list)
Компонент предназначен для вывода данных из информационных каталогов в виде списка товаров.
Данный компонент можно использовать например для вывода товаров: новинок, специальных предложений или товаров определенного бренда.
Компонент имеет все настройки компонента Список элементов (catalogs.list) и дополнительные:
| Название | Параметр | Описание |
|---|---|---|
| Бренд | brand | |
| Опции товара | option | |
| Кнопка "Купить" | buy_enable | |
| Кнопка "Нет в наличии" | buy_disable | |
| Количественный учет товара | quantity_trace |
<div class="catalog-row row">
{elements}
<div class="catalog-col col-sm-6 col-md-4 col-lg-3" data-content="{elements:data-content}">
<div class="catalog-item catalog-item-has-rating">
<div class="catalog-item-body">
<div class="catalog-item-image">
<a href="{elements:href}"><img src="{elements:images_first_thumb_src}" alt="{elements:title}"></a>
</div>
<div class="catalog-item-sticker">
[if=elements:option_2]
<div class="catalog-item-new">Новинка</div>[/elements:option_2]
[if=elements:option_3]
<div class="catalog-item-sell">Акция</div>[/elements:option_3]
</div>
<div class="catalog-item-main">
<div class="catalog-item-price">
[if=elements:discount]
<div class="catalog-item-price-old">
<s><span data-eshop-price="{elements:element_id}">{elements:price}</span> руб</s>
<span class="catalog-item-price-discount">-{elements:discount_percent}%</span>
</div>
[/elements:discount]
<div class="catalog-item-price-current">
<span data-eshop-price-discount="{elements:element_id}">{elements:price_discount}</span> руб
</div>
</div>
<div class="catalog-item-title">
<a href="{elements:href}">{elements:title}</a>
</div>
<div class="catalog-item-ratings">
<div class="catalog-item-votes">{elements:comments} отзывов</div>
</div>
<div class="catalog-item-buttons">
<button type="button" onclick="EShop_Wish_Add('{elements:data-content}');" class="btn btn-default catalog-item-btn">
<i class="icon icon-heart2"></i>
</button>
</div>
</div>
<div class="catalog-item-hidden">
<div class="catalog-item-control">
{elements:sku_features}
<div class="catalog-item-group catalog-item-features">
<label class="catalog-item-label">{elements:sku_features:title}:</label>
{elements:sku_features:elements}
<span class="{elements:sku_features:elements:active}" {elements:sku_features:elements:data}>
{elements:sku_features:elements:title}
</span>
{/elements:sku_features:elements}
</div>
{/elements:sku_features}
[if=elements:offers_multiple]
<div class="catalog-item-group" style="display: none;">
<select id="{elements:element_id}" onchange="EShop_Select_Offer('{elements:element_id}', this);" class="form-control catalog-item-select">
{elements:offers}
<option value="{elements:offers:id}" {elements:offers:data}>{elements:offers:title}</option>
{/elements:offers}
</select>
</div>
[/elements:offers_multiple]
<button type="button" class="btn btn-primary btn-block catalog-item-buy" onclick="EShop_Cart_Add(this);" {elements:button_buy_data}>
{elements:button_buy_title}
</button>
</div>
</div>
</div>
</div>
</div>
{/elements}
</div>