Сообщений в теме: 6

[Tanksav]

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

Прикрепленные изображения

• 

[Vaccina]

В шаблоне Товары найдите:

<div class="ratings">
										  <a href="{goods.URL | url_amp}#show_tab_4" title="Перейти к отзывам">
												<div class="rating-box">
												  {% IF goods.OPINION_RATING_VALUE %}
												  <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
														<meta itemprop="worstRating" content = "1">
														<meta itemprop="bestRating" content = "10">
														<meta itemprop="ratingValue" content = "{goods.OPINION_RATING_VALUE}">
														<meta itemprop="reviewCount" content = "{goods.OPINION_RATING_CNT_ALL}">
														<div class="rating" style="width:{goods.OPINION_RATING_VALUE}0%" alt="{goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
												  </span>
												  {% ELSE %}
														<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
												  {% ENDIF %}
												</div>
										  </a>
										</div>

замените на:

{% IF goods.DESCRIPTION_SHORT %}
<div class="desc_t">
<p itemprop="description">{goods.DESCRIPTION_SHORT | htmlspecialchars_decode}</p>
<a href="{goods.URL | url_amp}" class="learn-more">Подробнее...</a>
</div>
{% ENDIF %}

В main.css найдите:

.products-grid .item .item-inner .item-img .ratings {position: absolute;opacity: 0;bottom: 50%;left: 40%;}
.products-grid .item .item-inner .item-img .ratings .rating-box {display: block;float: none;text-align: center;margin: 0 auto;}
.products-grid .item .item-inner .item-img:hover .actions .add-cart {left: 0;}
.products-grid .item .item-inner .item-img:hover .actions a.add-compare {right: 0;}
.products-grid .item .item-inner .item-img:hover .actions a.add-wishlist {right: 55px;}
.products-grid .item .item-inner .item-img:hover .ratings {opacity: 1;}

замените на:

.products-grid .item .item-inner .item-img .desc_t {position: absolute;opacity: 0;top: 0px;left: 0px;width:100%;padding:10px;}
.products-grid .item .item-inner .item-img:hover .actions .add-cart {left: 0;}
.products-grid .item .item-inner .item-img:hover .actions a.add-compare {right: 0;}
.products-grid .item .item-inner .item-img:hover .actions a.add-wishlist {right: 55px;}
.products-grid .item .item-inner .item-img:hover .desc_t {opacity: 1;}

[Tanksav]

Спасибо большое, все получилось, единственное название и цена теперь в самом низу, как его наверх поставить, над изображением?

Прикрепленные изображения

• 

[Tanksav]

Извините, но у меня после изменений дыры в каталоге

Прикрепленные изображения

• 

[Tanksav]

Извините, разобралась сама, все отлично, спасибо большое!

[Tanksav]

Здравствуйте, вставляю краткое описание кодом и если искать товар через поиск в варианте отображения "список" код виден, подскажите пожалуйста как убрать

[Vaccina]

Здравствуйте.

Чтобы удалить блок краткого описания в результатах поиска зайдите в раздел Сайт - Редактор шаблонов - Поиск - найдите и удалите:

{% IF goods.DESCRIPTION_SHORT %}
				<div class="desc">
				  <p itemprop="description">{goods.DESCRIPTION_SHORT| htmlspecialchars_decode}</p>
				  <a href="{goods.URL | url_amp}" class="learn-more">Подробнее...</a>
				</div>
				{% ENDIF %}