Сообщений в теме: 3

[ogonek7777]

Необходимо
1. Убрать рамку верхнего фильтра
2. Поднятуть фильтр повыше в шапке
3. В фильтрах убрать все, кроме сортировки по цене. Сортировку по цене переписать: цена по возрастанию (сейчас: Дешево-Дорого), цена по убыванию (сейчас: дорого-дешево)
Спасибо.

[Firefly]

ogonek7777 (13 Октябрь 2016 - 15:58) писал:

2016-10-13_15-48-11.png
Необходимо
1. Убрать рамку верхнего фильтра
2. Поднятуть фильтр повыше в шапке
3. В фильтрах убрать все, кроме сортировки по цене. Сортировку по цене переписать: цена по возрастанию (сейчас: Дешево-Дорого), цена по убыванию (сейчас: дорого-дешево)
Спасибо.

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.toolbar {border: 1px solid #cdcdcd;padding: 15px;margin: 5px 0 5px 0;}

Замените на:

.toolbar {padding: 15px;margin: 5px 0 5px 0;}

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары, найдите код:

<!-- Блок навигации по категориям, вложенным в текущую категорию -->

Замените на:

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
{% IFNOT nested_categories_list_empty %}

Найдите код:

								 <br clear="all"/>
<!-- В категориях используем стандартный алгоритм отображения товаров -->

Замените на:

								 <br clear="all"/>
{% ENDIF %}
<!-- В категориях используем стандартный алгоритм отображения товаров -->

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:

.toolbar .views {display: none;}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары, найдите код:

			<div class="sort">
			  <div class="sort-by">
				<!-- Поле выбора сортировки -->
				{% IF goods_show_order_fields %}
				  <label>Сортировать по:</label>
				  <span class="select-box">
					<select name="goods_search_field_id" 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>
				  </span>
				{% ENDIF %}
			  </div>
			</div>
			<!-- /Блок изменения вида списка и поля сортировки -->

Замените на:

			<div class="sort">
			  <div class="sort-by">
				<!-- Поле выбора сортировки -->
				{% IF goods_show_order_fields %}
				  <label>Сортировать по:</label>
				  <span class="select-box">
					<select name="goods_search_field_id" onchange="this.form.submit();">
					  {% FOR goods_order_fields %}{% IF goods_order_fields.ID<3 %}
						<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{% IF goods_order_fields.ID=1 %}Цена по убыванию{% ELSE %}Цена по возрастанию{% ENDIF %}</option>
					  {% ENDIF %}{% ENDFOR %}
					</select>
				  </span>
				{% ENDIF %}
			  </div>
			</div>
			<!-- /Блок изменения вида списка и поля сортировки -->

Найдите код:

			<!-- Поле выбора сортировки -->
			{% IF goods_show_order_fields %}
			  <div class="sort-by">
				<label>Сортировать по:</label>
				<span class="select-box">
				  <select name="goods_search_field_id" 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>
				</span>
			  </div>
			{% ENDIF %}

Замените на:

			<!-- Поле выбора сортировки -->
				{% IF goods_show_order_fields %}
				  <label>Сортировать по:</label>
				  <span class="select-box">
					<select name="goods_search_field_id" onchange="this.form.submit();">
					  {% FOR goods_order_fields %}{% IF goods_order_fields.ID<3 %}
						<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{% IF goods_order_fields.ID=1 %}Цена по убыванию{% ELSE %}Цена по возрастанию{% ENDIF %}</option>
					  {% ENDIF %}{% ENDFOR %}
					</select>
				  </span>
				{% ENDIF %}

[ogonek7777]

2. Между фильтрами и Заголовком так и осталось большое расстояние.
3. Пропал бегунок в фильтре по цене.
4. Можно ли сделать так, чтобы при выборе сортировки по Возрастанию-убыванию цены, товары обновлялись без обновления страницы, то есть чтобы страница не улетала вниз. Смотрится очень плохо.
Спасибо.

[Stasya]

ogonek7777 (16 Октябрь 2016 - 16:14) писал:

2. Между фильтрами и Заголовком так и осталось большое расстояние.
3. Пропал бегунок в фильтре по цене.
4. Можно ли сделать так, чтобы при выборе сортировки по Возрастанию-убыванию цены, товары обновлялись без обновления страницы, то есть чтобы страница не улетала вниз. Смотрится очень плохо.
Спасибо.

2. В самый конец файла style.css добавьте блок

.htmlDataBlock h1 {
margin-bottom: 0;
}

3. Бегунки присутствуют в фильтре по цене на Вашем сайте. Прикрепила скриншот. Скажите, пожалуйста, у Вас такое же отображение?
4. Таким образом - без перезагрузки страницы - делать Вам не советую . Поскольку при любом обновлении страницы (в том числе и выбор фильтров) данная сортировка просто будет слетать и Вашему покупателю придется настраивать ее заново.