Stasya (24 Январь 2018 - 15:22) писал:
В шаблоне Товары найдите код
<!-- END Верхний блок, изменяющий отображение данных выдачи товаров --> {% ENDIF %}и после него вставьте
{% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="filters-goods filters-mob"> <div class="titleBlock">Фильтры</div> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="" method="get"> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filters-price"> <div class="title">Фильтры по ценам</div> <div class="layout-slider"> <input id="goods-filter-min-price" class="inputText" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress('0123456789')" /> <span class="price-separator">-</span> <input id="goods-filter-max-price" class="inputText" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" min="1" onkeypress="return keyPress('0123456789')" /> <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 class="goodsFilterPriceRangePointers"> <span class="min" style="display:none;">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span> <span class="max" style="display:none;">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span> </div> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceSubmit"> <button class="button" type="submit" title="Показать">Показать</button> </div> </div> </div> {% ENDIF %} <!-- /END Если есть возможность фильтрации товаров по ценам --> <!-- Осноные Фильтры --> <div class="filters-goods"> <div class="title">Фильтры по характеристикам и модификациям</div> {% FOR filter_attr_list %} <div class="filter"> <div class="title">{filter_attr_list.NAME}:</div> <ul> {% FOR values %} {%IF filter_attr_list.values.index>6%}{break}{%ENDIF%} <li> <input type="checkbox" onclick="$(this)[0].form.submit();" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} /> <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="red">({filter_attr_list.values.NB_GOODS_FILTERED})</span></label> </li> {% ENDFOR %} {% FOR values %} {%IF filter_attr_list.values.index=7%} <div onclick="$(this).closest('ul').find('.dop_filter_attr').toggle('slow'); return(false);" class="more_filter_attr">Еще</div> {%ENDIF%} {% ENDFOR %} {% FOR values %} {%IF filter_attr_list.values.index>6%} <li class="dop_filter_attr" style="display:none;"> <input type="checkbox" onclick="$(this)[0].form.submit();" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} /> <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="red">({filter_attr_list.values.NB_GOODS_FILTERED})</span></label> </li> {%ENDIF%} {% ENDFOR %} </ul> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter"> <div class="title">{filter_prop_list.NAME}:</div> <ul> {% FOR values %} <li> <input type="checkbox" onclick="$(this)[0].form.submit();" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} > <label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="red">({filter_prop_list.values.NB_GOODS_FILTERED})</span></label> </li> {% ENDFOR %} </ul> </div> {% ENDFOR %} </div> <!-- /END Осноные Фильтры --> </form> </div> {% ENDIF %} <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->В конец файла main.js добавьте
$(document).ready(function(){ $('.filters-mob .titleBlock').click(function(){ if($(this).hasClass('activeTitle')){ $(this).removeClass('activeTitle') $(this).parent().find('form').hide(500); } else { $(this).addClass('activeTitle') $(this).parent().find('form').show(500); } }) });Далее в файле main.css найдите код
.compare-info .buttons .button {padding: 0 15px;font-size: 12px;}и после него добавьте
.filters {display: none;} .filters-mob{display:block;float: left;width: 100%;margin: 0px 0 20px;border:1px solid #E5E5E5;padding:10px;} .filters-mob .titleBlock{position:relative;text-align:left;padding-bottom:5px;} .filters-mob .titleBlock.activeTitle{border-bottom:1px solid #E5E5E5;margin-bottom:5px;} .filters-mob .titleBlock:after{content:"\f0da";display:block;position:absolute;top:0;right:5px;font-family:"FontAwesome";} .filters-mob .titleBlock.activeTitle:after{content:"\f0dd";} .filters-mob form{display:none;}Далее найдите код
/** Фильтры **/после него добавьте
.filters-mob{display:none;}
Скажите, как это выровнять? http://prntscr.com/i59gt4
http://prntscr.com/i59h7l как то все неровно стало
и сама картинка товара отображается на половину