Доброго времени уважаемые гуру! Подскажите как изменить характеристики на выпадающий список и перенести вверх как на скриншоте.
Заранее спасибо!
Аккаунт SL-464428


В теме одно сообщение
#1
Отправлено 12 Февраль 2019 - 13:06
#2
Отправлено 13 Февраль 2019 - 02:02
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
далее зайдите в шаблон Товары - найдите:
после него вставьте:
далее зайдите в main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <div class="block filters"> <div class="block-title"> <div class="title"><a href="{CATALOG_URL}">Фильтры</a></div> </div> <div class="content"> <form action="" method="get"> <!-- Если есть возможность фильтрации товаров по ценам --> <div class="collapsible filters-price"> <div class="title"><span class="text">Цена</span></div> <div class="content"> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="layout-slider"> <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> <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(this, event);" onpaste="return false;" /> <span>-</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(this, event);" onpaste="return false;" /> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceSubmit"> <button class="button button2" type="submit" title="Показать">Показать</button> </div> </div> {% ENDIF %} </div> </div> <!-- /END Если есть возможность фильтрации товаров по ценам --> <!-- Осноные Фильтры --> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="collapsible {% FOR values %}{% IF filter_attr_list.values.CHECKED %}active actived {% ENDIF %}{% ENDFOR %}"> <div class="title"><span class="text">{filter_attr_list.NAME}</span></div> <div class="content"> {% FOR values %} <div class="filter"> <input type="checkbox" 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="count">{filter_attr_list.values.NB_GOODS_FILTERED} товар{filter_attr_list.values.NB_GOODS_FILTERED| gen_word_end("","а","ов")}</span></label> </div> {% ENDFOR %} </div> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="collapsible {% FOR values %}{% IF filter_prop_list.values.CHECKED %}active actived {% ENDIF %}{% ENDFOR %}"> <div class="title"><span class="text">{filter_prop_list.NAME}</span></div> <div class="content"> {% FOR values %} <div class="filter"> <input type="checkbox" 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="count">{filter_prop_list.values.NB_GOODS_FILTERED} товар{filter_prop_list.values.NB_GOODS_FILTERED| gen_word_end("","а","ов")}</span></label> </div> {% ENDFOR %} </div> </div> {% ENDFOR %} <!-- /END Осноные Фильтры --> </form> <div class="goodsFilterClear {% FOR filter_attr_list %}{% FOR values %}{% IF filter_attr_list.values.CHECKED %}active {% ENDIF %}{% ENDFOR %}{% ENDFOR %} {% FOR filter_prop_list %}{% FOR values %}{% IF filter_prop_list.values.CHECKED %}active {% ENDIF %}{% ENDFOR %}{% ENDFOR %}"> <a href="{PAGE_CANONICAL}" class="button button2" title="Очистить фильры">Сбросить фильтры</a> </div> </div> </div> {% ENDIF %} <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
далее зайдите в шаблон Товары - найдите:
<!-- Сортировать по: (Поле сортировки товаров по умолчанию) --> <div class="sort-by"> <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 Сортировать по: --> </form> </noindex> </div> <!-- END Верхний блок, изменяющий отображение данных выдачи товаров --> {% ENDIF %}
после него вставьте:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <div class="block filters"> <div class="block-title"> <div class="title"><a href="{CATALOG_URL}">Фильтры</a></div> </div> <div class="content"> <form action="" method="get"> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="collapsible filters-price"> <div class="title"><span class="text">Цена</span></div> <div class="content"> <div class="layout-slider"> <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> <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(this, event);" onpaste="return false;" /> <span>-</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(this, event);" onpaste="return false;" /> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceSubmit"> <button class="button button2" type="submit" title="Показать">Показать</button> </div> </div> </div> </div> {% ENDIF %} <!-- /END Если есть возможность фильтрации товаров по ценам --> <div class="filters"> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккумулятора) --> {% FOR filter_attr_list %} <div class="filter"> {filter_attr_list.NAME}:<br /> <select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));" 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 %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter"> {filter_prop_list.NAME}:<br /> <select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));" 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 %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} <input class="button" type="submit" value="Применить фильтр" /> <div class="clear"></div> </div> </form> </div> </div> {% ENDIF %} <!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
далее зайдите в main.css - найдите:
.filters .filter {margin-bottom: 10px;padding: 0;} .filters .filter:last-child {margin: 0;}
замените на:
.filters .filter {margin-bottom: 10px;padding: 0;float:left; margin-right: 20px;} .filters .filter + .button {clear: both;margin-bottom: 20px;display: block;}
Темы с аналогичным тегами характеристики, изменить
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных