n.rimsky (07 Февраль 2016 - 09:28) писал:
Добрый день.
Необходимо внести несколько изменений в отображение каталога товаров:
1) Убрать рейтинг звездочек
2) Необходимо что бы название товара писалось полностью (а не сокращалось)
3) Необходимо передвинуть кнопку в корзину под цену (как на рис)
4) Уменьшить при наведении строку с кнопками в избранное, сравнение и быстрый просмотр.
5) Добавить логотип товара (необходимо знать размеры в ширину и длину) в каталоге товаров под название товара, логотиб можно размещать в
Полное SEO-описание, или где то еще. вот пример где разместил и логотип.
http://airgoods1.sto...S-NU-HAL07R-NEW
Подробнее на рис
Здравствуйте. Перед внесением изменений, создайте бэкап.
1) Если рейтинг необходимо убрать только в каталоге, то В шаблоне ТОВАРЫ удалите блок кода:
<div class="rating">
<div class="ratings">
<div class="rating-box" title="Рейтинг товара">
{% 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>
</div>
</div>
и
<div class="ratings">
<div class="rating-box" title="Рейтинг товара">
{% 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>
</div>
2) В
main.css замените строку
.products-grid .item .item-inner .item-info .info-inner .item-title {margin-bottom: 3px;padding-top: 6px;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
на:
.products-grid .item .item-inner .item-info .info-inner .item-title {height: 45px;margin-bottom: 3px;font-size: 14px;text-overflow: ellipsis;}
3) В шаблоне ТОВАРЫ удалите блок кода:
<div class="cart-wrap">
<!--a class="add-cart quick btn-cart button" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
<a class="add-cart btn-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>В корзину</a>
</div>
Далее после строки:
<div class="item-info">
вставьте:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
затем после строк:
<div class="info-inner">
<div class="item-title">
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" itemprop="name">{goods.NAME}</a>
<meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
</div>
вставьте:
<div class="cart-wrap">
<!--a class="add-cart quick btn-cart button" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
<a class="add-cart btn-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>В корзину</a>
</div>
и перед сроками:
</div>
</div>
</div>
{% ENDFOR %}
</div>
{% ELSE %}
<!-- Вывод товаров Списком -->
вставьте:
</form>
Затем, в конец
main.css вставьте:
.item-info .info-inner .cart-wrap {
margin-bottom: 10px;
margin-top: 10px;
}
4) В
main.css замените строку
.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #3cabda;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 90px;bottom: -90px;left: 0px;}
на:
.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #3cabda;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 60px;bottom: -90px;left: 0px;}
и строку
.products-grid .item .item-inner .item-img .item-box-hover .box-inner {width: 183px;height: 51px;margin: 20px auto 0;}
заменить на
.products-grid .item .item-inner .item-img .item-box-hover .box-inner {width: 183px;height: 51px;margin: 6px auto 0;}
5)
К сожалению, переменные SEO-описания не доступны в каталоге товаров. Их можно использовать только на самой странице товара.
2
