Перейти к содержимому


Вывод Характеристик В Товарах Отображаемых Таблицей

характеристики каталог товары

  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1 metry

metry

    Активный участник

  • Модераторы
  • 871 сообщений

Отправлено 06 Декабрь 2020 - 20:35

Вывод первых 3-ех характеристик товара.

Для внесения изменений зайдите в Редактор шаблонов-->Товары и найдите:

					<div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
					  <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
					  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
						<span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
					  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						<span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span>
					  {% ELSE %}
						<span class="no-old-price"></span>
					  {% ENDIF %}
						<span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{goods.MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</span>
					</div>

после него вставьте:

				  <!-- Выводим 2 характеристики -->
					{% IFNOT goods.goods_attr_list_empty %}
					  <div class="attr-list">
						{% FOR goods_attr_list %}
						{% IF goods.goods_attr_list.index > 3 %}{break}{% ENDIF %}
						<div class="attr">
						  <span class="name">{goods.goods_attr_list.NAME}:</span>
						  <span class="value">{goods.goods_attr_list.VALUE}</span>
						</div>				   
						{% ENDFOR %}		  
					  </div>
					{% ENDIF %}
				
				 <div class="clear"></div>

далее зайдите в Редактор шаблонов-->main.css и в самый конец кода вставьте:

.products-grid .item .product-shop .attr-list {width: 100%;float: left;overflow: hidden;height: 0;}
.products-grid .item .product-shop .attr-list {margin-top: 10px;height: 60px;}
.products-grid .item .product-shop .attr-list .attr {font-size: 12px;line-height: 14px;margin-bottom: 2px;padding-bottom: 2px;border-bottom: 1px solid #e5e5e5;text-align: center;}
.products-grid .item .product-shop .attr-list .attr:last-child {border: 0;margin: 0;padding: 0;}
.products-grid .item .product-shop .attr-list .attr .name {font-weight: 600;margin-right: 5px;text-align: center;}

характеристики.png





Темы с аналогичным тегами характеристики, каталог, товары

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных