Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
{% FOR goods %} <div class="item {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}empty{% ENDIF %}"> <div class="item-inner" itemscope itemtype="[url="https://schema.org/Product%22>"]https://schema.org/Product">[/url] <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="product-image"> <a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" class="product-img"> <img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=kids{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" alt="{goods.NAME}" title="{goods.NAME}" itemprop="image"> </a> {% IF goods.IS_NEW %} <span class="ico-new">New</span> {% ELSEIF goods.IS_TOP %} <span class="ico-best">Hit</span> {% ENDIF %} {% IF goods.MAX_DISCOUNT %} <span class="ico-sale">Sale</span> {% ENDIF %} <div class="actions"> <a class="hover" href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}"></a> <!-- Добавление товара в корзину --> {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %} <div class="empty button" title="Нет в наличии" data-tooltip="Нет в наличии"><span>Нет в наличии</span></div> {% ELSE %} <!--a class="add-cart quick button" title="Быстро оформить заказ" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"><span>В корзину</span></a--> <a class="add-cart button" title="В корзину" data-tooltip="В корзину" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"><span>В корзину</span></a> {% ENDIF %} <!-- /END Добавление товара в корзину --> <div class="ratings"> <a href="{goods.URL | url_amp}" title="Перейти к отзывам"> <div class="rating-box"> {% IF GOODS_OPINION_RATING_VALUE_ROUND %} <img src="{FORALL_IMAGES_PATH}stars/{GOODS_OPINION_RATING_VALUE_ROUND}.gif" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" class="valignMiddle"/> {% ELSE %} <img src="{FORALL_IMAGES_PATH}stars/10.gif" alt="Рейтинг не определён" class="valignMiddle" /> {% ENDIF %} </div> </a> </div> <a class="quickview" href="{goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр «{goods.NAME}»" data-tooltip="Быстрый просмотр" rel="nofollow"></a> </div> </div> <div class="product-shop"> <meta itemprop="name" content="{goods.NAME}"> <meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> <div class="product-name"><a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div> <div class="price-box {CURRENCY_CHAR_CODE}" itemprop="offers" itemscope itemtype="[url="https://schema.org/Offer%22>"]https://schema.org/Offer">[/url] <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
замените на:
{% FOR goods %} <div class="item {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}empty{% ENDIF %}"> <div class="item-inner" itemscope itemtype="https://schema.org/Product"> <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="product-image"> <a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" class="product-img"> <img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=kids{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" alt="{goods.NAME}" title="{goods.NAME}" itemprop="image"> </a> {% IF goods.IS_NEW %} <span class="ico-new">New</span> {% ELSEIF goods.IS_TOP %} <span class="ico-best">Hit</span> {% ENDIF %} {% IF goods.MAX_DISCOUNT %} <span class="ico-sale">Sale</span> {% ENDIF %} <div class="actions"> <a class="hover" href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}"></a> <!-- Добавление товара в корзину --> {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %} <div class="empty button" title="Нет в наличии" data-tooltip="Нет в наличии"><span>Нет в наличии</span></div> {% ELSE %} <!--a class="add-cart quick button" title="Быстро оформить заказ" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"><span>В корзину</span></a--> <a class="add-cart button" title="В корзину" data-tooltip="В корзину" rel="nofollow" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"><span>В корзину</span></a> {% ENDIF %} <!-- /END Добавление товара в корзину --> <div class="ratings"> <a href="{goods.URL | url_amp}" title="Перейти к отзывам"> <div class="rating-box"> <div class="ratings"> <a href="{goods.URL | url_amp}" title="Перейти к отзывам"> <div class="rating-box"> {% IF GOODS_OPINION_RATING_VALUE_ROUND %} <img src="{FORALL_IMAGES_PATH}stars/{GOODS_OPINION_RATING_VALUE_ROUND}.gif" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" class="valignMiddle"/> {% ELSE %} <img src="{FORALL_IMAGES_PATH}stars/10.gif" alt="Рейтинг не определён" class="valignMiddle" /> {% ENDIF %} </div> </a> </div> </div> </a> </div> <a class="quickview" href="{goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр «{goods.NAME}»" data-tooltip="Быстрый просмотр" rel="nofollow"></a> </div> </div> <div class="product-shop"> <meta itemprop="name" content="{goods.NAME}"> <meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> <div class="product-name"><a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div> <div class="price-box {CURRENCY_CHAR_CODE}" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
далее зайдите в main.css - найдите:
/* Иконки Новинка, Хит, Скидка */ .ico-new, .ico-sale, .ico-best {display: block;position: absolute;top: 10px;width: 50px;height: 50px;line-height: 50px;font-size: 16px;font-weight: 400;color: #fff;text-transform: lowercase;z-index: 2;text-align: center;vertical-align: middle;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;} .ico-new, .ico-best {background: #80b5e1;right: 10px;}
перед ним вставьте:
/* Избранное, Сравнение */ .add-compare, .add-wishlist {display: inline-block;background-color: transparent;font-size: 20px;} .add-compare:before, .add-wishlist:before {color: #80b5e1;} .add-compare:hover:before, .add-wishlist:hover:before, .add-compare.added:before, .add-wishlist.added:before, .quickview:hover:before {color: #2a6392;} .add-compare:before, .add-wishlist:before, .quickview:before {vertical-align: middle;font-family: "FontAwesome";font-weight: 400;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0,0);} .add-wishlist:before {content: '\f08a';} .add-wishlist.added:before {content: '\f004';} .add-compare:before {content: '\f067';} .add-compare.added:before {content: '\f068';} .quickview:before {content: '\f06e';} .add-cart {content: '\e8cc';line-height: 50px;padding: 0 60px;} .add-cart:before {content: "";position: absolute;width: 0;height: 0;left: 50%;top: 50%;background: #fff;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;-moz-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;-webkit-transition: all 0s ease-in-out;-webkit-transition-delay: 0s;transition: all 0s ease-in-out 0s;} .add-cart:hover:before, .add-cart:focus:before {width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-moz-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out;-webkit-transition-delay: 0s;transition: all 0.5s ease-out 0s;}