В main.css найдите:
.page-headline h1, h3.indexPage {
display: block;
font: 30px/45px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
padding: 0 20px;
background-color: #92C024;
position: relative;
text-transform: none;
}
замените на:
.page-headline h1, h3.indexPage {
display: block;
font: 20px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
padding: 0 20px;
background-color: #92C024;
position: relative;
text-transform: none;
}
Для стрелочек вам необходимо в разделе Редактор шаблонов удалить next.png и загрузить стрелочку белую с идентичным названием файла.
Теперь на счет добавления кнопок, в шаблоне HTML найдите:
<!-- Всевозможные списки товаров -->
{% IF index_page %}
<!-- Список новинок на главной -->
{% IFNOT index_page_new_goods_empty %}
<div class="pad-box">
<div id="slider-code" class="slider-code">
<h3 class="indexPage"><a href="{CATALOG_NEW_URL}"><img src={ASSETS_IMAGES_PATH}glavnaya.png alt="" />Новинки</a></h3>
<a class="Thumbs prev" href="#"><img src="{ASSETS_IMAGES_PATH}next.png" alt="" title="" /></a>
<div class="viewport">
<ul class="overview">
{% FOR index_page_new_goods %}
<li>
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
<tr>
<td>
<a href="{index_page_new_goods.URL}" title="Перейти на страницу «{index_page_new_goods.NAME}»"><img class="goods-image-other" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=shine{% ELSE %}{index_page_new_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_new_goods.NAME}" /></a>
</td>
</tr>
</table>
<h2 class="goodsListItemName"><a href="{index_page_new_goods.URL}" title="Перейти на страницу «{index_page_new_goods.NAME}»">{index_page_new_goods.NAME}</a></h2>
<div class="goodsListItemPriceNew">
<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
<a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
<a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
</div>
</li>
{% ENDFOR index_page_new_goods %}
</ul>
</div>
<a class="Thumbs next" href="#"><img src="{ASSETS_IMAGES_PATH}next.png" alt="" title="" /></a>
</div>
</div>
{% ENDIF %}
<!-- end Список новинок на главной -->
<!-- Список хитов продаж на главной -->
{% IFNOT index_page_favorites_goods_empty %}
<div class="pad-box">
<div id="slider-code2" class="slider-code">
<h3 class="indexPage"><a href="{CATALOG_TOP_SALES_URL}"><img src={ASSETS_IMAGES_PATH}glavnaya.png alt="" />Хиты продаж</a></h3>
<a class="Thumbs prev" href="#"><img src="{ASSETS_IMAGES_PATH}next.png" alt="" title="" /></a>
<div class="viewport">
<ul class="overview">
{% FOR index_page_favorites_goods %}
<li class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
<tr>
<td>
<a href="{index_page_favorites_goods.URL}" title="Перейти на страницу «{index_page_favorites_goods.NAME}»"><img class="goods-image-other" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=shine{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a>
</td>
</tr>
</table>
<h2 class="goodsListItemName"><a href="{index_page_favorites_goods.URL}" title="Перейти на страницу «{index_page_favorites_goods.NAME}»">{index_page_favorites_goods.NAME}</a></h2>
<div class="goodsListItemPriceNew">
<a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
<a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
<a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
</div>
</li>
{% ENDFOR index_page_favorites_goods %}
</ul>
</div>
<a class="Thumbs next" href="#"><img src="{ASSETS_IMAGES_PATH}next.png" alt="" title="" /></a>
</div>
</div>
{% ENDIF %}
<!-- end Список хитов продаж на главной -->
<!-- Список товаров на главной -->
{% IFNOT index_page_goods_empty %}
<div class="pad-box">
<div id="slider-code3" class="slider-code">
<h3 class="indexPage"><img src={ASSETS_IMAGES_PATH}glavnaya.png alt="" />Интересные предложения</h3>
<a class="Thumbs prev" href="#"><img src="{ASSETS_IMAGES_PATH}next.png" alt="" title="" /></a>
<div class="viewport">
<ul class="overview">
{% FOR index_page_goods %}
<li>
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
<tr>
<td>
<a href="{index_page_goods.URL}" title="Перейти на страницу «{index_page_goods.NAME}»"><img class="goods-image-other" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=shine{% ELSE %}{index_page_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a>
</td>
</tr>
</table>
<h2 class="goodsListItemName"><a href="{index_page_goods.URL}" title="Перейти на страницу «{index_page_goods.NAME}»">{index_page_goods.NAME}</a></h2>
<div class="goodsListItemPriceNew">
<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
<a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
<a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
</div> </li>
{% ENDFOR index_page_goods %}
</ul>
</div>
<a class="Thumbs next" href="#"><img src="{ASSETS_IMAGES_PATH}next.png" alt="" title="" /></a>
</div></div>
{% ENDIF %}
{% ENDIF %}
<!-- END Всевозможные списки товаров -->
замените на:
<!-- Всевозможные списки товаров -->
{% IF index_page %}
<!-- Список новинок на главной -->
{% IFNOT index_page_new_goods_empty %}
<div class="pad-box">
<div id="slider-code" class="slider-code">
<h3 class="indexPage"><a href="{CATALOG_NEW_URL}"><img src={ASSETS_IMAGES_PATH}glavnaya.png alt="" />Новинки</a></h3>
<a class="Thumbs prev" href="#"><img src="{ASSETS_IMAGES_PATH}next.png" alt="" title="" /></a>
<div class="viewport">
<ul class="overview">
{% FOR index_page_new_goods %}
<li>
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
<tr>
<td>
<a href="{index_page_new_index_page_new_goods.URL}" title="Перейти на страницу «{index_page_new_index_page_new_goods.NAME}»"><img class="goods-image-other" src="{% IF index_page_new_index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=shine{% ELSE %}{index_page_new_index_page_new_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_new_index_page_new_goods.NAME}" /></a>
</td>
</tr>
</table>
<h2 class="goodsListItemName"><a href="{index_page_new_index_page_new_goods.URL}" title="Перейти на страницу «{index_page_new_index_page_new_goods.NAME}»">{index_page_new_index_page_new_goods.NAME}</a></h2>
<div class="goodsListItemPriceNew">
<a href="{index_page_new_index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF index_page_new_index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_index_page_new_goods.MIN_PRICE_NOW %}
<a href="{index_page_new_index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_new_index_page_new_goods.MIN_PRICE_OLD>index_page_new_index_page_new_goods.MIN_PRICE_NOW %}
<a href="{index_page_new_index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div class="buttons">
<!-- Если есть возможность добавить товар в избранное -->
{% IF index_page_new_goods.IS_HAS_IN_FAVORITES_LIST %}
<a class="add_to_wishlist_small add_to_wishlist_small_text added"
data-action-is-add="0"
data-action-add-url="{FAVORITES_ADD_URL}"
data-action-delete-url="{FAVORITES_DELETE_URL}"
data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное"
data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного"
data-action-text-add="Добавить в избранное"
data-action-text-delete="Удалить из избранного"
title="Убрать «{index_page_new_goods.NAME}» из избранного"
href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}"
>Удалить из избранного</a>
{% ELSE %}
<a class="add_to_wishlist_small add_to_wishlist_small_text"
data-action-is-add="1"
data-action-add-url="{FAVORITES_ADD_URL}"
data-action-delete-url="{FAVORITES_DELETE_URL}"
data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное"
data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного"
data-action-text-add="Добавить в избранное"
data-action-text-delete="Удалить из избранного"
title="Добавить «{index_page_new_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}"
>Добавить в избранное</a>
{% ENDIF %}
<!-- END Если есть возможность добавить товар в избранное -->
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<p>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
<a class="readmore" onclick="$('#goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить «{index_page_new_goods.NAME}» в корзину">Купить</a>
</p>
</form>
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="goodsDataCompareButton delete">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="goodsDataCompareButton add">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</div>
</div>
</li>
{% ENDFOR index_page_new_goods %}
</ul>
</div>
<a class="Thumbs next" href="#"><img src="{ASSETS_IMAGES_PATH}next.png" alt="" title="" /></a>
</div>
</div>
{% ENDIF %}
<!-- end Список новинок на главной -->
<!-- Список хитов продаж на главной -->
{% IFNOT index_page_favorites_goods_empty %}
<div class="pad-box">
<div id="slider-code2" class="slider-code">
<h3 class="indexPage"><a href="{CATALOG_TOP_SALES_URL}"><img src={ASSETS_IMAGES_PATH}glavnaya.png alt="" />Хиты продаж</a></h3>
<a class="Thumbs prev" href="#"><img src="{ASSETS_IMAGES_PATH}next.png" alt="" title="" /></a>
<div class="viewport">
<ul class="overview">
{% FOR index_page_new_goods %}
<li>
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
<tr>
<td>
<a href="{index_page_favorites_goods.URL}" title="Перейти на страницу «{index_page_favorites_goods.NAME}»"><img class="goods-image-other" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=shine{% ELSE %}{index_page_favorites_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_favorites_goods.NAME}" /></a>
</td>
</tr>
</table>
<h2 class="goodsListItemName"><a href="{index_page_favorites_goods.URL}" title="Перейти на страницу «{index_page_favorites_goods.NAME}»">{index_page_favorites_goods.NAME}</a></h2>
<div class="goodsListItemPriceNew">
<a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
<a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
<a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div class="buttons">
<!-- Если есть возможность добавить товар в избранное -->
{% IF index_page_new_goods.IS_HAS_IN_FAVORITES_LIST %}
<a class="add_to_wishlist_small add_to_wishlist_small_text added"
data-action-is-add="0"
data-action-add-url="{FAVORITES_ADD_URL}"
data-action-delete-url="{FAVORITES_DELETE_URL}"
data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное"
data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного"
data-action-text-add="Добавить в избранное"
data-action-text-delete="Удалить из избранного"
title="Убрать «{index_page_new_goods.NAME}» из избранного"
href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}"
>Удалить из избранного</a>
{% ELSE %}
<a class="add_to_wishlist_small add_to_wishlist_small_text"
data-action-is-add="1"
data-action-add-url="{FAVORITES_ADD_URL}"
data-action-delete-url="{FAVORITES_DELETE_URL}"
data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное"
data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного"
data-action-text-add="Добавить в избранное"
data-action-text-delete="Удалить из избранного"
title="Добавить «{index_page_new_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}"
>Добавить в избранное</a>
{% ENDIF %}
<!-- END Если есть возможность добавить товар в избранное -->
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<p>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
<a class="readmore" onclick="$('#goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить «{index_page_new_goods.NAME}» в корзину">Купить</a>
</p>
</form>
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="goodsDataCompareButton delete">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="goodsDataCompareButton add">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</div>
</div>
</li>
{% ENDFOR index_page_new_goods %}
</ul>
</div>
<a class="Thumbs next" href="#"><img src="{ASSETS_IMAGES_PATH}next.png" alt="" title="" /></a>
</div>
</div>
{% ENDIF %}
<!-- end Список хитов продаж на главной -->
<!-- Список товаров на главной -->
{% IFNOT index_page_goods_empty %}
<div class="pad-box">
<div id="slider-code3" class="slider-code">
<h3 class="indexPage"><img src={ASSETS_IMAGES_PATH}glavnaya.png alt="" />Интересные предложения</h3>
<a class="Thumbs prev" href="#"><img src="{ASSETS_IMAGES_PATH}next.png" alt="" title="" /></a>
<div class="viewport">
<ul class="overview">
{% FOR index_page_new_goods %}
<li>
<div class="goodsListItemBlock withBorder cornerAll">
<table class="goodsListItemImage">
<tr>
<td>
<a href="{index_page_goods.URL}" title="Перейти на страницу «{index_page_goods.NAME}»"><img class="goods-image-other" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=shine{% ELSE %}{index_page_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a>
</td>
</tr>
</table>
<h2 class="goodsListItemName"><a href="{index_page_goods.URL}" title="Перейти на страницу «{index_page_goods.NAME}»">{index_page_goods.NAME}</a></h2>
<div class="goodsListItemPriceNew">
<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
</div>
<div class="goodsListItemPriceOld">
{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
<a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
<a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div class="buttons">
<!-- Если есть возможность добавить товар в избранное -->
{% IF index_page_new_goods.IS_HAS_IN_FAVORITES_LIST %}
<a class="add_to_wishlist_small add_to_wishlist_small_text added"
data-action-is-add="0"
data-action-add-url="{FAVORITES_ADD_URL}"
data-action-delete-url="{FAVORITES_DELETE_URL}"
data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное"
data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного"
data-action-text-add="Добавить в избранное"
data-action-text-delete="Удалить из избранного"
title="Убрать «{index_page_new_goods.NAME}» из избранного"
href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}"
>Удалить из избранного</a>
{% ELSE %}
<a class="add_to_wishlist_small add_to_wishlist_small_text"
data-action-is-add="1"
data-action-add-url="{FAVORITES_ADD_URL}"
data-action-delete-url="{FAVORITES_DELETE_URL}"
data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное"
data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного"
data-action-text-add="Добавить в избранное"
data-action-text-delete="Удалить из избранного"
title="Добавить «{index_page_new_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}"
>Добавить в избранное</a>
{% ENDIF %}
<!-- END Если есть возможность добавить товар в избранное -->
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<p>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
<a class="readmore" onclick="$('#goodsListFormId{index_page_new_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_new_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_new_goods.MIN_PRICE_NOW_ID}" title="Положить «{index_page_new_goods.NAME}» в корзину">Купить</a>
</p>
</form>
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="goodsDataCompareButton delete">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="goodsDataCompareButton add">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</div>
</div>
</li>
{% ENDFOR index_page_new_goods %}
</ul>
</div>
<a class="Thumbs next" href="#"><img src="{ASSETS_IMAGES_PATH}next.png" alt="" title="" /></a>
</div></div>
{% ENDIF %}
{% ENDIF %}
<!-- END Всевозможные списки товаров -->
В конец main.js пропишите:
$(document).ready(function(){
// Добавление/удаление товара на сравнение/избранное через ajax
$('.add_to_compare_small, .add_to_wishlist_small').click(function(){
// Объект ссылки, по которой кликнули
var
a = $(this)
,addUrl = a.attr('data-action-add-url')
,delUrl = a.attr('data-action-delete-url')
,addTitle = a.attr('data-action-add-title')
,delTitle = a.attr('data-action-delete-title')
,isAdd = a.attr('data-action-is-add')
requestUrl = a.attr('href')
;
if(a.hasClass('add_to_wishlist_small_text') || a.hasClass('add_to_compare_small_text')) {
var aText = a;
} else {
var aText = a.parent().find('.add_to_wishlist_small_text, .add_to_compare_small_text')
}
// Если в ссылке присутствует идентификатор, который мы можем узнать только вытащив его с текущей страницы
if( /GET_GOODS_MOD_ID_FROM_PAGE/.test(requestUrl)) {
requestUrl = requestUrl.replace(new RegExp('GET_GOODS_MOD_ID_FROM_PAGE'), $('.goodsDataMainModificationId').val());
}
// Если есть информация о том какие URL адреса будут изменены, то можено не перегружать страницу и сделать запрос через ajax
if(addUrl && delUrl) {
$.ajax({
type : "POST",
dataType: 'json',
cache : false,
url : requestUrl,
data : {
'ajax_q': 1
},
success: function(data) {
if('ok' == data.status) {
if(isAdd == 1) {
var
from = addUrl
,to = delUrl
,newIsAddStatus = 0
,newTitle = delTitle ? delTitle : ''
;
a.addClass('added');
} else {
var
from = delUrl
,to = addUrl
,newIsAddStatus = 1
,newTitle = addTitle ? addTitle : ''
;
a.removeClass('added');
}
// Обновляем ссылку, на которую будет уходить запрос и информацию о ней
a.attr('href', a.attr('href').replace(new RegExp(from), to))
.attr('title', newTitle)
.attr('data-action-is-add', newIsAddStatus);
// Если рядом с ссылкой в виде круга есть текстовая надпись с описанием действия
if(aText.length) {
aText.text(aText.attr(isAdd == 1 ? 'data-action-text-delete' : 'data-action-text-add'));
}
// Если есть функция, которая отображает сообщения пользователю
if(typeof(noty) == "function") {
noty({
text:data.message,
layout:"center",
type:"success",
textAlign:"center",
easing:"swing",
animateOpen:{"height":"toggle"},
animateClose:{"opacity":"hide"},
speed:"500",
timeout:"3000",
closable: false,
modal: false,
dismissQueue: true,
onClose: true,
killer: true});
}
} else if('error' == data.status) {
// Если есть функция, которая отображает сообщения пользователю
if(typeof(noty) == "function") {
noty({
text:data.message,
layout:"center",
type:"error",
textAlign:"center",
easing:"swing",
animateOpen:{"height":"toggle"},
animateClose:{"opacity":"hide"},
speed:"500",
timeout:"3000",
closable: false,
modal: false,
dismissQueue: true,
onClose: true,
killer: true});
}
}
}
});
return false;
}
});
});
Сохраните пожалуйста изменения, так как после низ по резултату необходимо еще изменить стили для корректного отображения.
1
