Разместить Фильтр Товаров Слева
#1
Отправлено 30 Август 2016 - 23:43
#2
Отправлено 31 Август 2016 - 02:02
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="filters"> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <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"> {filter_attr_list.NAME}:<br /> <select class="inputText" {% FOR values %}{% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}{% ENDFOR %} onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}selected="selected"{% ENDIF %}{% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter"> {filter_prop_list.NAME}:<br /> <select class="inputText" {% FOR values %}{% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}{% ENDFOR %} onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %} {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> <!-- /END Осноные Фильтры --> </form> </div> {% ENDIF %} <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
В шаблоне HTML найдите:
<!-- Вы смотрели --> {% IFNOT recently_viewed_goods_empty %} <div class="block viewed"> <h4 class="title">Вы смотрели</h4>
перед ним вставьте:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="block"> <h4 class="title">Фильтры</h4> <div class="content"> <div class="filters"> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <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"> {filter_attr_list.NAME}:<br /> {% FOR values %} <input value="1" onchange="this.form.submit();" type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_attr_list.values.VALUE} {% ENDFOR %} </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter"> {filter_prop_list.NAME}:<br /> {% FOR values %} <input value="1" onchange="this.form.submit();" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_prop_list.values.VALUE} {% ENDFOR %} </div> {% ENDFOR %} </div> <!-- /END Осноные Фильтры --> </form> </div> </div> {% ENDIF %} <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
#3
Отправлено 31 Август 2016 - 11:12
#6
Отправлено 07 Октябрь 2016 - 17:04
#7
Отправлено 07 Октябрь 2016 - 17:18
57P (07 Октябрь 2016 - 17:04) писал:
В шаблоне Товары найдите код
<!-- Вы смотрели -->В main.css найдите код
.filters {display: block;float: left;margin-top: 15px;border: 1px solid #e5e5e5;padding: 10px 15px 0;}и замените на
.filters {display: block;margin-top: 15px;border: 1px solid #e5e5e5;padding: 10px 15px 0;margin-bottom: 30px;}
#8
Отправлено 07 Октябрь 2016 - 18:15
в мобильной версии фильтр в самом низу, и наехал на вы сморели
#9
Отправлено 08 Октябрь 2016 - 00:59
.col-left .block.catalog { display: none; }
замените на:
.col-left .block.catalog, .col-left .filters { display: none; } .col-right .filters { display: block; }
далее найдите:
.filters { display: block; margin-top: 15px; border: 1px solid #e5e5e5; padding: 10px 15px 0; margin-bottom: 30px; }
после него пропишите:
.col-right .filters { display: none; }
В шаблоне Товары найдите:
<form action="" class="form-inline OrderFilterForm"> <!-- Вид Таблица/Список --> <div class="view-mode"> {% IF GOODS_VIEW_TYPE=1 %} <span title="Таблица" class="fa fa-th-large"></span> <a data-href="?goods_view_type=2" title="Список" class="fa fa-th-list"></a> {% ELSE %} <a data-href="?goods_view_type=1" title="Таблица" class="fa fa-th-large"></a> <span title="Список" class="fa fa-th-list"></span> {% ENDIF %} </div> <!-- /END Вид Таблица/Список --> <!-- Показывать по: (Шаг для выбора пользователем лимита выдачи товаров на страницу от 1 до 100) --> <div class="show-by"> <label>Показывать по:</label> <select name="per_page" class="selectBox" title="Лимит товаров на странице" onchange="this.form.submit();"> {% FOR goods_per_page_list %} <option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option> {% ENDFOR %} </select> </div> <!-- /END Показывать по: --> <!-- Сортировать по: (Поле сортировки товаров по умолчанию) --> <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> <!-- /END Сортировать по: --> <!-- Страницы --> {% IF show_pages %} <div class="pages"> <ol> {% IF GOODS_PAGES_SHOW_FIRST %} <li class="first-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_FIRST}" title="Первая страница"><i class="fa fa-angle-left"></i></a></li> <li class="prev-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_PREVIOUS}" title="Предыдущая страница">{GOODS_PAGES_PREVIOUS}</a></li> {% ENDIF %} <li class="current"><span>{GOODS_PAGES_CURRENT}</span></li> {% IF GOODS_PAGES_SHOW_LAST %} <li class="next-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_NEXT}" title="Следующая страница">{GOODS_PAGES_NEXT}</a></li> <li class="last-page"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_LAST}" title="Последняя страница"><i class="fa fa-angle-right"></i></a></li> {% ENDIF %} </ol> </div> {% ENDIF %} <!-- /END Страницы --> </form>
после него вставьте:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="filters"> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <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"> {filter_attr_list.NAME}:<br /> <select class="inputText" {% FOR values %}{% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}{% ENDFOR %} onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}selected="selected"{% ENDIF %}{% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter"> {filter_prop_list.NAME}:<br /> <select class="inputText" {% FOR values %}{% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}{% ENDFOR %} onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %} {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> <!-- /END Осноные Фильтры --> </form> </div> {% ENDIF %} <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
#10
Отправлено 08 Октябрь 2016 - 13:07
#13
Отправлено 08 Октябрь 2016 - 18:57
57P (08 Октябрь 2016 - 18:51) писал:
Аккаунт SL-390031
.col-left .block.catalog { display: none; }выглядит как
.col-left .block.catalog {display: none;}расположен в main.css на 1023 строке, блок
.filters { display: block; margin-top: 15px; border: 1px solid #e5e5e5; padding: 10px 15px 0; margin-bottom: 30px; }выглядит как
.filters {display: block;margin-top: 15px;border: 1px solid #e5e5e5;padding: 10px 15px 0;margin-bottom: 30px;}расположен там же, на 476 строке, третий блок в двойном экземпляре, расположен в шаблоне Товары начинается с 57 и 412 строки.
#14
Отправлено 08 Октябрь 2016 - 20:22
#15
Отправлено 10 Октябрь 2016 - 13:07
57P (08 Октябрь 2016 - 20:22) писал:
Здравствуйте.
Уточните, пожалуйста, что конкретно имели ввиду?
На данный момент все блоки, как и их непосредственно код, в шаблонах прописаны только на латинице, на русском возможны лишь не имеющие веса комментарии, вероятно вы имели ввиду это?
#16
Отправлено 19 Октябрь 2016 - 11:32
Сообщение отредактировал aidar282: 19 Октябрь 2016 - 12:30
#18
Отправлено 22 Декабрь 2016 - 23:21
#19
Отправлено 24 Декабрь 2016 - 05:15
Уточните пожалуйста, в какой категории вы добавили фильтры? Они добавляются в разделе Товары - Товары - в редактировании конкретной категории.
#20
Отправлено 24 Декабрь 2016 - 15:58
Vaccina (24 Декабрь 2016 - 05:15) писал:
Уточните пожалуйста, в какой категории вы добавили фильтры? Они добавляются в разделе Товары - Товары - в редактировании конкретной категории.
Добавил как было написано выше:
".......В шаблоне Товары найдите код
и перенесите его вставив в шаблоне html, перед строкой
<!-- Вы смотрели -->
В main.css найдите код
.filters {display: block;float: left;margin-top: 15px;border: 1px solid #e5e5e5;padding: 10px 15px 0;}
и замените на......"
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных