В этой теме нет ответов

[Foxis_10]

Добавим 2 кнопки Сначала дороже и Сначала дешевле вместо выпадающего списка

В шаблоне Товары (в 2х местах) найдите

<div class="sort-by">
		 <label>Сортировать по:</label>
		 <select name="goods_search_field_id" class="selectBox" title="Название сортировки" onchange="this.form.submit();">
			 {% FOR goods_order_fields %}
			 <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
			 {% ENDFOR %}
		 </select>
		 </div>

замените на

<div class="sort-by">
<label>Сортировать по:</label>
<span class="cheaper">Сначала подешевле</span>
<span class="expensive">Сначала подороже</span>
<select name="goods_search_field_id" style="display:none" class="selectBox" title="Название сортировки" onchange="this.form.submit();">
{% FOR goods_order_fields %}
<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
{% ENDFOR %}
</select>
</div>

В шаблоне main.css в самый низ добавьте

.expensive, .cheaper{cursor: pointer;font-size: 14px;}

В шаблоне main.js

// Фильтры по товарам. При нажании на какую либо характеристику или свойство товара происходит фильтрация товаров
$('.contentTbodySearchFilterBlock input').click(function(){
$(this)[0].form.submit();
});

замените на

// Фильтры по товарам. При нажании на какую либо характеристику или свойство товара происходит фильтрация товаров
$('.contentTbodySearchFilterBlock input').click(function(){
$(this)[0].form.submit();
});

$(function(){
cheaper = $('.cheaper');
expensive = $('.expensive');
cheaper.on('click', function(){
$('select[name="goods_search_field_id"] option').removeAttr('selected');
$('select[name="goods_search_field_id"] option[value="2"]').attr('selected', 'selected');
$('select[name="goods_search_field_id"]').val(2);
	 $('select[name="goods_search_field_id"]').change();
});
expensive.on('click', function(){
$('select[name="goods_search_field_id"] option').removeAttr('selected');
$('select[name="goods_search_field_id"] option[value="1"]').attr('selected', 'selected');
$('select[name="goods_search_field_id"]').val(1);
$('select[name="goods_search_field_id"]').change();
});

})