Огого вопросов =)
1. В шаблоне HTML найдите:
<!-- Если есть возможность фильтрации товаров по ценам -->
{% IF SHOW_GOODS_PRICE_FILTERS %}
<li class="goods_filters"><br /><h2>Цена</h2>
<div class="contentTbodySearchPriceFilterBlock cornerAll">
<div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>
<div id="goods-filter-price-slider"></div>
<div class="goodsFilterPriceInfo">
от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
<input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /><input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" />
</div>
<div class="goodsFilterPriceSubmit">
<input class="more-link onlybutton" type="submit" value="Показать" style="padding-right:11px;" />
</div>
</div>
</li>
после него добавьте:
<style>
#goods-filter-price-slider {font-size:10px;}
.contentTbodySearchPriceFilterBlock {padding: 0.5em 1em 0 1.05em;text-align:center;}
.goodsFilterPriceInfo {padding:0.3em 0 0em;color:#999;font-size:0.9em;}
.goodsFilterPriceInfo input {width:45px;border: 0px;color:#999;}
.goodsFilterPriceRangePointers {height: 16px;font-size: 0.7em;color: #CCC;width: 100%;overflow: visible;}
.goodsFilterPriceRangePointers .min {float: left; margin-left: -7px; }
.goodsFilterPriceRangePointers .max {float: right; margin-right: -8px;}
.goodsFilterPriceSubmit {padding: 0.5em 0 0.4em;display:none;}
</style>
<script type="text/javascript">
$(function() {
var
// Минимальное значение цены для фильтра
priceFilterMinAvailable = parseInt($('.goodsFilterPriceRangePointers .min').text())
// Максимальное значение цены для фильтра
,priceFilterMaxAvailable = parseInt($('.goodsFilterPriceRangePointers .max').text())
// Максимальное значение цены для фильтра
,priceSliderBlock = $('#goods-filter-price-slider')
// Поле ввода текущего значения цены "От"
,priceInputMin = $( "#goods-filter-min-price" )
// Поле ввода текущего значения цены "До"
,priceInputMax = $( "#goods-filter-max-price" )
// Блок с кнопкой, которую есть смысл нажимать только тогда, когда изменялся диапазон цен.
,priceSubmitButtonBlock = $( ".goodsFilterPriceSubmit" )
;
// Изменяет размер ячеек с ценой, т.к. у них нет рамок, есть смысл менять размеры полей ввода, чтобы они выглядили как текст
function priceInputsChangeWidthByChars() {
priceInputMin.css('width', (priceInputMin.val().length*7 + 3) + 'px');
priceInputMax.css('width', (priceInputMax.val().length*7 + 3) + 'px');
}
// Слайдер, который используется для удобства выбора цены
priceSliderBlock.slider({
range: true,
min: priceFilterMinAvailable,
max: priceFilterMaxAvailable,
values: [
parseInt($('#goods-filter-min-price').val())
,parseInt($('#goods-filter-max-price').val())
],
slide: function( event, ui ) {
priceInputMin.val( ui.values[ 0 ] );
priceInputMax.val( ui.values[ 1 ] );
priceSubmitButtonBlock.show();
priceInputsChangeWidthByChars();
}
});
// При изменении минимального значения цены
priceInputMin.keyup(function(){
var newVal = parseInt($(this).val());
if(newVal < priceFilterMinAvailable) {
newVal = priceFilterMinAvailable;
}
priceSliderBlock.slider("values", 0, newVal);
priceSubmitButtonBlock.show();
priceInputsChangeWidthByChars();
});
// При изменении максимального значения цены
priceInputMax.keyup(function(){
var newVal = parseInt($(this).val());
if(newVal > priceFilterMaxAvailable) {
newVal = priceFilterMaxAvailable;
}
priceSliderBlock.slider("values", 1, newVal);
priceSubmitButtonBlock.show();
priceInputsChangeWidthByChars();
});
// Обновить размеры полей ввода диапазона цен
priceInputsChangeWidthByChars();
});
</script>
3. В шаблоне Товары найдите:
<!-- Переключатель режима просмотра -->
{% IF GOODS_VIEW_TYPE=2 %}
<strong title="Список товаров сейчас отображается в виде таблицы, по 2 товара на строку"><img src="http://st.storeland.net/6/1781/494/tabl.png" alt="" /></strong>
<a href="?goods_view_type=2" title="Отображать список товаров в виде списка"><img src="http://st.storeland.net/6/1781/493/str.png" alt="" /></a>
{% ELSE %}
<a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку"><img src="http://st.storeland.net/6/1781/494/tabl.png" alt="" /></a>
<strong title="Список товаров сейчас отображается в виде списка, где один товар занимает одну строку"><img src="http://st.storeland.net/6/1781/493/str.png" alt="" /></strong>
{% ENDIF %}
<!-- /Переключатель режима просмотра -->
замените на:
<!-- Переключатель режима просмотра -->
{% IF GOODS_VIEW_TYPE=1 %}
<strong title="Список товаров сейчас отображается в виде таблицы, по 2 товара на строку" class="view_table"></strong>
<a href="?goods_view_type=2" title="Отображать список товаров в виде списка" class="view_list"></a>
{% ELSE %}
<a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку" class="view_table"></a>
<strong title="Список товаров сейчас отображается в виде списка, где один товар занимает одну строку" class="view_list"></strong>
{% ENDIF %}
<!-- /Переключатель режима просмотра -->
Далее в main.css найдите:
.goodsListingTopNavigation .viewSelector {
padding-left: 1em;
padding-right: 1em;
}
после него пропишите:
.goodsListingTopNavigation .viewSelector a, .goodsListingTopNavigation .viewSelector strong{
display:inline-block;
height:12px;
width:12px;
}
.goodsListingTopNavigation .viewSelector a.view_table{
background: url('{ASSETS_IMAGES_PATH}tabl.png') no-repeat center center;
}
.goodsListingTopNavigation .viewSelector a.view_list{
background: url('{ASSETS_IMAGES_PATH}str.png') no-repeat center center;
}
.goodsListingTopNavigation .viewSelector strong.view_table{
background: url('{ASSETS_IMAGES_PATH}tabl2.png') no-repeat center center;
}
.goodsListingTopNavigation .viewSelector strong.view_list{
background: url('{ASSETS_IMAGES_PATH}str2.png') no-repeat center center;
}
В данном блоке tabl2.png и str2.png это активные иконки, загрузите с необходимым цветом.
В main.css найдите:
.goodsListingTopNavigation td {
padding-bottom: 0.7em;
}
замените на:
.goodsListingTopNavigation td {
padding-bottom: 0.7em;
text-align: left;
}
4. В main.js найдите:
// Добавление товара в корзину через ajax
$('.goodsDataForm, .goodsToCartFromCompareForm').submit(function(){
$(this).nyroModalManual({
formIndicator: 'ajax_q', // Value added when a form is sent
minWidth: 450, // Minimum width
minHeight: 140, // Minimum height
gallery: null // Gallery name if provided
});
return false;
});
замените на:
// Добавление товара в корзину через ajax
$('.goodsListForm, .goodsDataForm, .goodsToCartFromCompareForm').submit(function(){
$(this).nyroModalManual({
formIndicator: 'ajax_q', // Value added when a form is sent
minWidth: 450, // Minimum width
minHeight: 140, // Minimum height
gallery: null // Gallery name if provided
});
return false;
});
Далее в main.css найдите:
.goodsListItemBlock {
height: 230px;
margin: 10px;
width: 150px;
position: relative;
}
замените на:
.goodsListItemBlock {
height: 300px;
margin: 10px;
width: 150px;
position: relative;
}
далее найдите:
.goodsListItemName {
line-height: 0.9em;
padding: 0px;
margin: 1px;
max-height: 4em;
overflow: hidden;
}
замените на:
.goodsListItemName {
line-height: 0.9em;
padding: 0px;
margin: 1px;
height: 60px;
overflow: hidden;
display: block;
}
.goodsListForm {
position: absolute;
bottom: 0;
}
далее найдите:
.goodsListItemPriceNew {
bottom: 0px;
margin: 5px;
position: absolute;
text-align: center;
width: 140px;
right: 0px;
}
замените на:
.goodsListItemPriceNew {
margin: 5px;
text-align: center;
width: 140px;
}
5. В шаблоне Товары найдите:
<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <p>
{% IF goods.IS_HAS_IN_COMPARE_LIST %}
<a class="readmore compare add_to_compare_small_text added"
data-id="{goods.MIN_PRICE_NOW_ID}"
data-action-is-add="0"
data-action-add-url="{COMPARE_ADD_URL}"
data-action-delete-url="{COMPARE_DELETE_URL}"
data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами"
data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами"
data-action-text-add="Добавить к сравнению"
data-action-text-delete="Убрать из сравнения"
title="Убрать «{goods.NAME}» из списка сравнения с другими товарами"
href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}"
>Из сравнения</a>
{% ELSE %}
<a class="readmore compare add_to_compare_small_text"
data-id="{goods.MIN_PRICE_NOW_ID}"
data-action-is-add="1"
data-action-add-url="{COMPARE_ADD_URL}"
data-action-delete-url="{COMPARE_DELETE_URL}"
data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами"
data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами"
data-action-text-add="Добавить к сравнению"
data-action-text-delete="Убрать из сравнения"
title="Добавить «{goods.NAME}» в список сравнения с другими товарами"
href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}"
>К сравнению</a>
{% ENDIF %}
</p>{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
замените на:
<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <p>
{% IF goods.IS_HAS_IN_COMPARE_LIST %}
<a class="compare add_to_compare_small_text added"
data-id="{goods.MIN_PRICE_NOW_ID}"
data-action-is-add="0"
data-action-add-url="{COMPARE_ADD_URL}"
data-action-delete-url="{COMPARE_DELETE_URL}"
data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами"
data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами"
data-action-text-add="Добавить к сравнению"
data-action-text-delete="Убрать из сравнения"
title="Убрать «{goods.NAME}» из списка сравнения с другими товарами"
href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}"
>Из сравнения</a>
{% ELSE %}
<a class="compare add_to_compare_small_text"
data-id="{goods.MIN_PRICE_NOW_ID}"
data-action-is-add="1"
data-action-add-url="{COMPARE_ADD_URL}"
data-action-delete-url="{COMPARE_DELETE_URL}"
data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами"
data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами"
data-action-text-add="Добавить к сравнению"
data-action-text-delete="Убрать из сравнения"
title="Добавить «{goods.NAME}» в список сравнения с другими товарами"
href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}"
>К сравнению</a>
{% ENDIF %}
</p>{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
7. В шаблоне HTML найдите:
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
замените на:
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 0 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
далее найдите:
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
замените на:
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect: 'fade',
pauseTime: 1500
}).parent().show(); });
</script>
для смены эфеекта изменяйте значение fade, и чуть ниже время переключение слайдов, на данный момент проставлено 1.5 секунды
8. В main.css найдите:
.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 135px;
height: 135px;
overflow: hidden;
padding: 1em;
margin: 0px;
list-style-type: none;
background: none !important;
}
замените на:
.content_catalog_nested_categories li {
text-align: center;
float: left;
width: 135px;
height: 135px;
overflow: hidden;
padding: 14px;
margin: 5px;
list-style-type: none;
background: none !important;
border: 1px solid #000;
}
9. В main.css найдите:
.listing {
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 15px;
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
}
замените на:
.listing {
margin-bottom: 10px;
padding: 10px;
border: 1px solid #000;
background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom;
}
10. В main.css найдите:
.withBorder:hover {border-color:#ff8d13 !important;}
измените значение стиля border-color
11. В шаблоне Товар найдите и удалите:
<!-- Блок характеристик товара. Показываем его если указаны характеристики -->
{% IFNOT goods_features_empty %}
<h3>Характеристики {GOODS_NAME}</h3><br />
<table class="goodsDataFeatures">
<tr>
{% FOR goods_features%}
<td>
<p><span>{goods_features.NAME}</span></p>
</td>
<td>
{goods_features.VALUE}
</td>
{% IFNOT goods_features.last %}{goods_features.index | is_divided("2","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
</tr>
</table><br /><br />
{% ENDIF %}
<!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
далее найдите:
{% ENDFOR %}
<tr>
<td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
<td>{goods_delivery.PRICE | money_format}</td>
</tr>
</tbody>
</table>
</div>
{% ENDIF %}
</div>
{% ENDFOR %}
</td>
</tr>
после него вставьте:
{% IFNOT goods_features_empty %}
<!-- Блок характеристики -->
<tr>
<td class="goodsDataMainDeliveryBlock" colspan="2">
<h3>Характеристики {GOODS_NAME}</h3><br />
<table class="goodsDataFeatures">
<tr>
{% FOR goods_features%}
<td>
<p><span>{goods_features.NAME}</span></p>
</td>
<td>
{goods_features.VALUE}
</td>
{% IFNOT goods_features.last %}{goods_features.index | is_divided("1","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
</tr>
</table>
</td>
</tr>
{% ENDIF %}
12. В шаблоне Товар найдите:
<td class="goodsDataMainImageBlock">
<!-- Большое изображение -->
<div class="goodsDataMainImage">
{% IF GOODS_IMAGE_EMPTY %}
<img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=shine" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
{% ELSE %}
<a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
{% ENDIF %}
<!-- Идентификатор изображения товара, используется для галереи изображений -->
<input type="hidden" rel="{GOODS_IMAGE_ID}" />
</div>
<!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение -->
{% IFNOT GOODS_IMAGE_EMPTY %}
<div class="goodsDataMainImageZoom">
<a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a>
</div>
{% ENDIF %}
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
{% IFNOT goods_images_empty %}
{% FOR goods_images %}
<!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
{% IF goods_images.first %}
<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
<h5>Другие фото {GOODS_NAME}</h5>
{% ENDIF %}
<!-- Уменьшенное изображение товара -->
<div class="goodsDataMainImagesIcon left">
<a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
<!-- Идентификатор изображения товара, используется для галереи изображений -->
<input type="hidden" rel="{goods_images.ID}" />
</div>
<!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
{% IF goods_images.last %}
</div>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</td>
переместите его, поставив перед:
</tr>
</table>
</div>
</form>
<!-- Блок описания товара. Показываем его есть описание товара -->
{% IF GOODS_DESCRIPTION_LARGE %}
<h3>Описание {GOODS_NAME}</h3>
13. В main.css найдите:
#logo {
height: 134px;
}
замените на:
#logo {
height: 122px;
}
далее найдите:
#top-menu {
height: 40px;
overflow: hidden;
}
замените на:
#top-menu {
overflow: hidden;
height: 38px;
}
далее найдите:
#mainmenu li a{
font: bold 16px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
padding-right: 35px;
padding-left: 35px;
text-transform: uppercase;
text-decoration: none;
background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) no-repeat right top; }
замените на:
#mainmenu li a{
font: bold 16px/38px Arial;
color: #FFF;
display: block;
float: left;
padding-right: 35px;
padding-left: 35px;
text-decoration: none;
background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) no-repeat right top; }