Перейти к содержимому


Дизайн Фильтров Подредактировать...

Автор Viking, 06 сент. 2014 20:30

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 Viking

Viking

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 86 сообщений

Отправлено 06 Сентябрь 2014 - 20:30

Добрый день.

Необходимо
1. Добавить фразу "Выбор списка"
2. Фильтр по цене сдвинуть с центра направо и перед ним сделать фразу "Фильтровать по:"

Прикрепленные изображения

  • 06091401.png

#2 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 06 Сентябрь 2014 - 20:42

Просмотр сообщенияViking (06 Сентябрь 2014 - 20:30) писал:

Добрый день.

Необходимо
1. Добавить фразу "Выбор списка"
2. Фильтр по цене сдвинуть с центра направо и перед ним сделать фразу "Фильтровать по:"
Здравствуйте,
1. найдите в шаблоне Товары
<div class="ajaxbuttons">		 
			<!-- Блок изменения вида списка и поля сортировки  -->
		   
			<div class="view-mode">
замените на

<div class="ajaxbuttons">		 
			<!-- Блок изменения вида списка и поля сортировки  -->
			<span style="float: left; margin-right: 5px;">	Выбор списка </span>
			<div class="view-mode">
2.найдите в main.css
div.filter{width:320px; margin:5px auto;}
замените на
div.filter{width:320px; margin-left: 63px;}

далее найдите в шаблоне Товары код
<!-- Если есть возможность фильтрации товаров по ценам -->
			  {% IF SHOW_GOODS_PRICE_FILTERS %}
				<div class="filter pricefilter">
				  <div>
				
				  <span>Цена:</span>
замените на
<!-- Если есть возможность фильтрации товаров по ценам -->
			  {% IF SHOW_GOODS_PRICE_FILTERS %}
				<div class="filter pricefilter">
				  <div>
				  <span style="margin-right: 10px;">Фильтровать по</span>
				  <span>Цена:</span>

#3 tanch

tanch

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 30 Декабрь 2014 - 23:22

Хотелось бы изменить вид сортировки как тут
2014-12-31 01-56-09 Скриншот экрана.png
Только сделать так:
Сортировать по: названию, цене, популярности
Ведь можно добавить "популярность"??
Есть же в статистике продаж - просмотры или добавление в корзину

Также хотелось бы выставить в одну строчку фильтры (сейчас если их больше двух - переносятся на следующую)

И уменьшить расстояние между названием категории и сортировкой
2014-12-31 02-19-53 Скриншот экрана.png

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 31 Декабрь 2014 - 06:04

Вместо своего кода сортировки в шаблоне Товары вставьте:
<div class="sort">
			  <div class="sort-by">
				<label>Сортировать по:</label>
				<ul class="OrderFilterFormByURLs">
				  <!-- цене: Дорогие - Дешевые -->
				  {% IF GOODS_SEARCH_FIELD_ID=1 %}
					<li class="selected-desc"><a href="?goods_search_field_id=2" title="Товары сейчас отсортированы по цене. Вверху дорогие внизу дешевые. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дешевые, затем дорогие">цене</a></li>
				  <!-- цене: Дешевые - Дорогие   -->
				  {% ELSEIF GOODS_SEARCH_FIELD_ID=2 %}
					<li class="selected-asc"><a href="?goods_search_field_id=1" title="Товары сейчас отсортированы по цене. Вверху дешевые внизу дорогие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дорогие, затем дешёвые">цене</a></li>
				  <!-- Сортировка отключена  -->
				  {% ELSE %}
					<li><a href="?goods_search_field_id=2" title="Отсортировать товары по убыванию цены. Сверху дорогие, снизу дешевые">цене</a></li>
				  {% ENDIF %}
				  <!-- названию: А - я -->
				  {% IF GOODS_SEARCH_FIELD_ID=3 %}
					<li class="selected-asc"><a href="?goods_search_field_id=4" title="Товары сейчас отсортированы по алфавиту. Сверху &laquo;а&raquo;, снизу &laquo;Я&raquo;. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала &laquo;Я&raquo;, затем &laquo;а&raquo;">названию</a></li>
				  <!-- названию: я - А -->
				  {% ELSEIF GOODS_SEARCH_FIELD_ID=4 %}
					<li class="selected-desc"><a href="?goods_search_field_id=3" title="Товары сейчас отсортированы по алфавиту. Сверху &laquo;Я&raquo;, снизу &laquo;а&raquo;. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала &laquo;а&raquo;, затем &laquo;Я&raquo;">названию</a></li>
				  <!-- Сортировка отключена  -->
				  {% ELSE %}
					<li><a href="?goods_search_field_id=3" title="Отсортировать товары по алфавиту. Сверху &laquo;а&raquo;, снизу &laquo;Я&raquo;">названию</a></li>
				  {% ENDIF %}
				  <!-- рейтингу: Хорошие - Плохие -->
				  {% IF GOODS_SEARCH_FIELD_ID=11 %}
					<li class="selected-desc"><a href="?goods_search_field_id=12" title="Товары сейчас отсортированы по рейтингу отзывов покупателей. Сверху хорошие товары, снизу плохие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала плохие, затем хорошие">рейтингу</a></li>
				  <!-- рейтингу: Плохие - Хорошие -->
				  {% ELSEIF GOODS_SEARCH_FIELD_ID=12 %}
					<li class="selected-asc"><a href="?goods_search_field_id=11" title="Товары сейчас отсортированы по рейтингу отзывов покупателей. Сверху плохие товары, снизу хорошие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала хорошие, затем плохие">рейтингу</a></li>
				  <!-- Сортировка отключена  -->
				  {% ELSE %}
					<li><a href="?goods_search_field_id=11" title="Отсортировать товары по рейтингу отзывов покупателей. Сверху хорошие товары, снизу плохие">рейтингу</a></li>
				  {% ENDIF %}
				</ul>
			  </div>
			</div>

#5 tanch

tanch

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 31 Декабрь 2014 - 07:08

Просмотр сообщенияVaccina (31 Декабрь 2014 - 06:04) писал:


Получилось не в строчку сортировка

и по остальному - как исправить??

#6 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 31 Декабрь 2014 - 09:18

Просмотр сообщенияtanch (31 Декабрь 2014 - 07:08) писал:

Получилось не в строчку сортировка

и по остальному - как исправить??
Здравствуйте. В main.css добавьте
.OrderFilterFormByURLs li {
display: inline-block;
}

#7 tanch

tanch

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 31 Декабрь 2014 - 10:43

Просмотр сообщенияAlekseys (31 Декабрь 2014 - 09:18) писал:

в одну линию хотелось бы с надписью "сортировать по" как тут:

2014-12-31 01-56-09 Скриншот экрана.png

и фильтры тоже в одну линию выстроить

#8 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 31 Декабрь 2014 - 10:56

Просмотр сообщенияtanch (31 Декабрь 2014 - 10:43) писал:

в одну линию хотелось бы с надписью "сортировать по" как тут:

Прикрепленный файл 2014-12-31 01-56-09 Скриншот экрана.png

и фильтры тоже в одну линию выстроить
В main.css добавьте
.sort-by label {
float: left;
}
и в шаблоне Товары замените
<div class="filter-block">			 
				<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
				{% FOR filter_attr_list %}
				  <div class="filter table">
					{filter_attr_list.NAME}:<br />
					<select 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 %}
			  </div>
			  <div class="clear"></div>
			  <div class="filter-block">		 
				<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
				{% FOR filter_prop_list %}
				  <div class="filter table">
					{filter_prop_list.NAME}:<br />
					<select 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 %}		   
			  </div>
на
<div class="filter-block">			 
				<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
				{% FOR filter_attr_list %}
				  <div class="filter table">
					{filter_attr_list.NAME}:<br />
					<select 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 table">
					{filter_prop_list.NAME}:<br />
					<select 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 %}		   
			  </div>

#9 tanch

tanch

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 31 Декабрь 2014 - 11:07

с фильтрами всё получилось, спасибо!
С сортировкой хотелось бы добить до - КАК на картинке
т.е. с подчеркиванием и желательно с разделителями

также хотелось бы не "рейтинг" (отзывы), а именно популярность
возможно ли из статистики продаж ее использовать?? просмотры или добавления в корзину

#10 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 31 Декабрь 2014 - 11:22

Просмотр сообщенияtanch (31 Декабрь 2014 - 11:07) писал:

с фильтрами всё получилось, спасибо!
С сортировкой хотелось бы добить до - КАК на картинке
т.е. с подчеркиванием и желательно с разделителями

также хотелось бы не "рейтинг" (отзывы), а именно популярность
возможно ли из статистики продаж ее использовать?? просмотры или добавления в корзину
В шаблоне Товары замените
<ul class="OrderFilterFormByURLs">
								  <!-- цене: Дорогие - Дешевые -->
								  {% IF GOODS_SEARCH_FIELD_ID=1 %}
										<li class="selected-desc"><a href="?goods_search_field_id=2" title="Товары сейчас отсортированы по цене. Вверху дорогие внизу дешевые. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дешевые, затем дорогие">цене</a></li>
								  <!-- цене: Дешевые - Дорогие   -->
								  {% ELSEIF GOODS_SEARCH_FIELD_ID=2 %}
										<li class="selected-asc"><a href="?goods_search_field_id=1" title="Товары сейчас отсортированы по цене. Вверху дешевые внизу дорогие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дорогие, затем дешёвые">цене</a></li>
								  <!-- Сортировка отключена  -->
								  {% ELSE %}
										<li><a href="?goods_search_field_id=2" title="Отсортировать товары по убыванию цены. Сверху дорогие, снизу дешевые">цене</a></li>
								  {% ENDIF %}
								  <!-- названию: А - я -->
								  {% IF GOODS_SEARCH_FIELD_ID=3 %}
										<li class="selected-asc"><a href="?goods_search_field_id=4" title="Товары сейчас отсортированы по алфавиту. Сверху &laquo;а&raquo;, снизу &laquo;Я&raquo;. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала &laquo;Я&raquo;, затем &laquo;а&raquo;">названию</a></li>
								  <!-- названию: я - А -->
								  {% ELSEIF GOODS_SEARCH_FIELD_ID=4 %}
										<li class="selected-desc"><a href="?goods_search_field_id=3" title="Товары сейчас отсортированы по алфавиту. Сверху &laquo;Я&raquo;, снизу &laquo;а&raquo;. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала &laquo;а&raquo;, затем &laquo;Я&raquo;">названию</a></li>
								  <!-- Сортировка отключена  -->
								  {% ELSE %}
										<li><a href="?goods_search_field_id=3" title="Отсортировать товары по алфавиту. Сверху &laquo;а&raquo;, снизу &laquo;Я&raquo;">названию</a></li>
								  {% ENDIF %}
								  <!-- рейтингу: Хорошие - Плохие -->
								  {% IF GOODS_SEARCH_FIELD_ID=11 %}
										<li class="selected-desc"><a href="?goods_search_field_id=12" title="Товары сейчас отсортированы по рейтингу отзывов покупателей.">рейтингу</a></li>
								  <!-- рейтингу: Плохие - Хорошие -->
								  {% ELSEIF GOODS_SEARCH_FIELD_ID=12 %}
										<li class="selected-asc"><a href="?goods_search_field_id=11" title="Товары сейчас отсортированы по рейтингу отзывов покупателей.">рейтингу</a></li>
								  <!-- Сортировка отключена  -->
								  {% ELSE %}
										<li><a href="?goods_search_field_id=11" title="Отсортировать товары по рейтингу отзывов покупателей. Сверху хорошие товары, снизу плохие">рейтингу</a></li>
								  {% ENDIF %}
								</ul>
на
<ul class="OrderFilterFormByURLs">
								  <!-- цене: Дорогие - Дешевые -->
								  {% IF GOODS_SEARCH_FIELD_ID=1 %}
										<li class="selected-desc"><a href="?goods_search_field_id=2" title="Товары сейчас отсортированы по цене. Вверху дорогие внизу дешевые. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дешевые, затем дорогие">цене</a></li>
								  <span>|</span>
								  <!-- цене: Дешевые - Дорогие   -->
								  {% ELSEIF GOODS_SEARCH_FIELD_ID=2 %}
										<li class="selected-asc"><a href="?goods_search_field_id=1" title="Товары сейчас отсортированы по цене. Вверху дешевые внизу дорогие. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала дорогие, затем дешёвые">цене</a></li>
								  <span>|</span>
								  <!-- Сортировка отключена  -->
								  {% ELSE %}
										<li><a href="?goods_search_field_id=2" title="Отсортировать товары по убыванию цены. Сверху дорогие, снизу дешевые">цене</a></li>
								  <span>|</span>
								  {% ENDIF %}
								  <!-- названию: А - я -->
								  {% IF GOODS_SEARCH_FIELD_ID=3 %}
										<li class="selected-asc"><a href="?goods_search_field_id=4" title="Товары сейчас отсортированы по алфавиту. Сверху &laquo;а&raquo;, снизу &laquo;Я&raquo;. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала &laquo;Я&raquo;, затем &laquo;а&raquo;">названию</a></li>
								  <span>|</span>
								  <!-- названию: я - А -->
								  {% ELSEIF GOODS_SEARCH_FIELD_ID=4 %}
										<li class="selected-desc"><a href="?goods_search_field_id=3" title="Товары сейчас отсортированы по алфавиту. Сверху &laquo;Я&raquo;, снизу &laquo;а&raquo;. Нажмите ещё раз, если хотите чтобы сортировка товаров производилась наоборот, сначала &laquo;а&raquo;, затем &laquo;Я&raquo;">названию</a></li>
								  <span>|</span>
								  <!-- Сортировка отключена  -->
								  {% ELSE %}
										<li><a href="?goods_search_field_id=3" title="Отсортировать товары по алфавиту. Сверху &laquo;а&raquo;, снизу &laquo;Я&raquo;">названию</a></li>
								  <span>|</span>
								  {% ENDIF %}
								  <!-- рейтингу: Хорошие - Плохие -->
								  {% IF GOODS_SEARCH_FIELD_ID=11 %}
										<li class="selected-desc"><a href="?goods_search_field_id=12" title="Товары сейчас отсортированы по рейтингу отзывов покупателей.">рейтингу</a></li>
								  <span>|</span>
								  <!-- рейтингу: Плохие - Хорошие -->
								  {% ELSEIF GOODS_SEARCH_FIELD_ID=12 %}
										<li class="selected-asc"><a href="?goods_search_field_id=11" title="Товары сейчас отсортированы по рейтингу отзывов покупателей.">рейтингу</a></li>
								  <span>|</span>
								  <!-- Сортировка отключена  -->
								  {% ELSE %}
										<li><a href="?goods_search_field_id=11" title="Отсортировать товары по рейтингу отзывов покупателей. Сверху хорошие товары, снизу плохие">рейтингу</a></li>
								  <span>|</span>
								  {% ENDIF %}
								</ul>
и в main.css добавьте
.OrderFilterFormByURLs span {
margin-left: 20px;
}

#11 Yasna

Yasna

    Пользователь

  • Пользователи
  • PipPip
  • 10 сообщений

Отправлено 15 Сентябрь 2015 - 13:21

Добрый день! Мне нужно удалить имеющуюся сортировку и добавить новую: пять расположенных в одну строку окошек -  по Производителю,  по размеру, по цене, по скидке, по новизне. Прочитала пост выще, пыталась применить, но ничего не поменялось.. Помогите разобраться.
Обратно в Каталог товаров


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Хамелеон
  5. → Каталог товаров
  6. Privacy Policy