Все увидел.А перенести этот фильтр как показано на скрине возможно?
1
Замена Фильтра
Автор Сергей Иванов, 04 дек. 2015 10:18
Сообщений в теме: 30
#22
abram3
-
- Пользователи
-
- 78 сообщений
Продвинутый пользователь
Отправлено 21 Апрель 2016 - 10:05
abram3 (21 Апрель 2016 - 09:47) писал:
Все увидел.А перенести этот фильтр как показано на скрине возможно?
Прикрепленные изображения
#23
Юля123
-
- Пользователи
-
- 2 567 сообщений
Активный участник
Отправлено 21 Апрель 2016 - 11:15
abram3 (21 Апрель 2016 - 10:05) писал:
Чтобы он был не в левой колонке под каталогом,а над товарами,ну или же остался в левой колонке,но над каталогом.Лучше конечно как показано на скрине,над товарами
Да, можно, перед изменениями создайте бекап, далее в шаблоне HTML найдите и удалите код:
<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
{% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
<div class="block filters">
<div class="block-title"><h3>Фильтры</h3></div>
<div class="block-content">
<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
<form action="" method="get"> <!-- ПРОВЕРИТЬ -->
<!-- Если есть возможность фильтрации товаров по ценам -->
{% IF SHOW_GOODS_PRICE_FILTERS %}
<div class="title-filter">Фильтры по ценам</div>
<div class="layout-slider clearfix">
<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 %}" min="1" onkeypress="return keyPress('0123456789')" />
<span class="price-separator">-</span>
<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 %}" 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">Показать</button>
</div>
</div>
{% ENDIF %}
<!-- /END Если есть возможность фильтрации товаров по ценам -->
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
{% FOR filter_attr_list %}
<div class="filter">
{filter_attr_list.NAME}:<br />
<select class="form-control" 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 %}>{filter_attr_list.values.VALUE}</option>
{% ENDFOR %}
</select>
</div>
{% ENDFOR %}
<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
{% FOR filter_prop_list %}
<div class="filter">
{filter_prop_list.NAME}:<br />
<select class="form-control" 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 %}>{filter_prop_list.values.VALUE}</option>
{% ENDFOR %}
</select>
</div>
{% ENDFOR %}
</form>
</div>
</div>
{% ENDIF %}
<!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
Затем перейдите в шаблон Товары и этот же код добавьте после кода:
<!-- END Верхний блок, изменяющий отображение данных выдачи товаров -->
В main.css код:
.block.filters .filter {margin: 5px 0;font-size: 14px;color: #333744;}
замените на код:
.block.filters .filter {
margin: 5px 0;
font-size: 14px;
color: #333744;
display: inline-block;
width: 20%;
}
#24
abram3
-
- Пользователи
-
- 78 сообщений
Продвинутый пользователь
Отправлено 21 Апрель 2016 - 16:17
Юля123 (21 Апрель 2016 - 11:15) писал:
Да, можно, перед изменениями создайте бекап, далее в шаблоне HTML найдите и удалите код:
Затем перейдите в шаблон Товары и этот же код добавьте после кода:
В main.css код:
замените на код:
<!-- Если в тарифном плане подключен модуль фильтров по товарам -->
{% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
<div class="block filters">
<div class="block-title"><h3>Фильтры</h3></div>
<div class="block-content">
<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
<form action="" method="get"> <!-- ПРОВЕРИТЬ -->
<!-- Если есть возможность фильтрации товаров по ценам -->
{% IF SHOW_GOODS_PRICE_FILTERS %}
<div class="title-filter">Фильтры по ценам</div>
<div class="layout-slider clearfix">
<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 %}" min="1" onkeypress="return keyPress('0123456789')" />
<span class="price-separator">-</span>
<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 %}" 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">Показать</button>
</div>
</div>
{% ENDIF %}
<!-- /END Если есть возможность фильтрации товаров по ценам -->
<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
{% FOR filter_attr_list %}
<div class="filter">
{filter_attr_list.NAME}:<br />
<select class="form-control" 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 %}>{filter_attr_list.values.VALUE}</option>
{% ENDFOR %}
</select>
</div>
{% ENDFOR %}
<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
{% FOR filter_prop_list %}
<div class="filter">
{filter_prop_list.NAME}:<br />
<select class="form-control" 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 %}>{filter_prop_list.values.VALUE}</option>
{% ENDFOR %}
</select>
</div>
{% ENDFOR %}
</form>
</div>
</div>
{% ENDIF %}
<!-- /END Если в тарифном плане подключен модуль фильтров по товарам -->
Затем перейдите в шаблон Товары и этот же код добавьте после кода:
<!-- END Верхний блок, изменяющий отображение данных выдачи товаров -->
В main.css код:
.block.filters .filter {margin: 5px 0;font-size: 14px;color: #333744;}
замените на код:
.block.filters .filter {
margin: 5px 0;
font-size: 14px;
color: #333744;
display: inline-block;
width: 20%;
}
Все супер!Спасибо!Вот только растояние от нижнего края фильтров до карточек товара надо немного увеличить,расстояние между фильтрами и карточкой товара сделать чуть больше,раздвинуть
Прикрепленные изображения
#25
Danil
-
- Пользователи
-
- 4 645 сообщений
Активный участник
Отправлено 21 Апрель 2016 - 16:57
abram3 (21 Апрель 2016 - 16:17) писал:
Все супер!Спасибо!Вот только растояние от нижнего края фильтров до карточек товара надо немного увеличить,расстояние между фильтрами и карточкой товара сделать чуть больше,раздвинуть
В конец main.css добавьте
.block.filters {
margin-bottom: 10px;
}
#26
abram3
-
- Пользователи
-
- 78 сообщений
Продвинутый пользователь
Отправлено 21 Апрель 2016 - 17:57
Danil (21 Апрель 2016 - 16:57) писал:
Здравствуйте.
В конец main.css добавьте
В конец main.css добавьте
.block.filters {
margin-bottom: 10px;
}
Спасибо!
#27
abram3
-
- Пользователи
-
- 78 сообщений
Продвинутый пользователь
Отправлено 21 Апрель 2016 - 21:59
Все получилось здорово,но в одном месте косячок.Надо исправить
И такое получается только когда один товар на странице,когда два и больше такого нет
Вот
И такое получается только когда один товар на странице,когда два и больше такого нет
Вот
Прикрепленные изображения
#28
Юля123
-
- Пользователи
-
- 2 567 сообщений
Активный участник
Отправлено 22 Апрель 2016 - 09:20
abram3 (21 Апрель 2016 - 21:59) писал:
Все получилось здорово,но в одном месте косячок.Надо исправить
И такое получается только когда один товар на странице,когда два и больше такого нет
Вот
И такое получается только когда один товар на странице,когда два и больше такого нет
Вот
Пришлите, пожалуйста, пример категории в которой возникает ошибка.
#29
abram3
-
- Пользователи
-
- 78 сообщений
Продвинутый пользователь
Отправлено 22 Апрель 2016 - 09:45
Юля123 (22 Апрель 2016 - 09:20) писал:
Пришлите, пожалуйста, пример категории в которой возникает ошибка.
В любой,где при выборе в фильтрах на странице появляется только один товар,если их два или более,все нормально
#30
Юля123
-
- Пользователи
-
- 2 567 сообщений
Активный участник
Отправлено 22 Апрель 2016 - 09:56
abram3 (22 Апрель 2016 - 09:45) писал:
В любой,где при выборе в фильтрах на странице появляется только один товар,если их два или более,все нормально
В шаблоне Товары найдите код:
<div class="block filters>
и замените на код:
<div class="block filters clear">
#31
abram3
-
- Пользователи
-
- 78 сообщений
Продвинутый пользователь
Отправлено 22 Апрель 2016 - 21:12
Юля123 (22 Апрель 2016 - 09:56) писал:
В шаблоне Товары найдите код:
и замените на код:
<div class="block filters>
и замените на код:
<div class="block filters clear">
Спасибо!Все получилось
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
