Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Фильтр Товаров И Еще По Мелочи

Автор darya_kolos, 31 мая 2016 17:15

Вперед

Авторизуйтесь для ответа в теме

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

#1 darya_kolos

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

Пользователи
94 сообщений

Отправлено 31 Май 2016 - 17:15

Здравствуйте!

Подскажите, пожалуйста, а есть возможность вставить какой-либо фильтр сплева под колонкой каталога, где пользователь находясь в определенном разделе может выставить нужные ему значения или диапазон по цене и по размеру?

И еще пара вопросов здесь, чтобы не создавать новые темы...
1. Во всей теме был изменен основной цвет. Но при добавлении товара в корзину всплывает окно (прикрепила скрин), здесь цвет не изменился. Подскажите, пожалуйста, где найти код на это окошко?

2. В подвале сайта есть форма "Обратный звонок". Можно ли ее заменить на что-то вроде "Подписка на смс-оповещения". Суть в том, чтобы человек заполнял поля имя и телефон и нажимая на кнопку давал понять, что хочет получать сообщения на телефон о новинках, акциях и т.д.

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

Наверх

#2 Vaccina

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

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

Отправлено 01 Июнь 2016 - 06:37

В main.css найдите:

.success {
	background: #0098ca;
	border: 1px solid #0098ca;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

в нем измените цветовое значение.

В шаблоне HTML найдите заголовок обратного звонка и замените на необходимый.

Наверх

#3 darya_kolos

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

Пользователи
94 сообщений

Отправлено 02 Июнь 2016 - 14:59

Спасибо, получилось.

А что по поводу фильтра?

Наверх

#4 Firefly

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

Модераторы
3 810 сообщений

Отправлено 02 Июнь 2016 - 20:25

darya_kolos (02 Июнь 2016 - 14:59) писал:

Спасибо, получилось.

А что по поводу фильтра?

Здравствуйте.
Вы можете добавить фильтр непосредственно к каждой категории товаров. Для этого зайдите в раздел Товары -> Товары, нажмите правой кнопкой мыши на категорию, далее "Настроить категорию" и в самом низу есть настройки для фильтров по свойствам и характеристикам.

Наверх

#5 darya_kolos

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

Пользователи
94 сообщений

Отправлено 03 Июнь 2016 - 17:52

Не сразу разобралась, но сделала это)) спасибо))

А по сортировке тогда вопрос - хочу убрать несколько пунктов из сортировки (скрин) - это возможно?

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

Наверх

#6 Firefly

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

Модераторы
3 810 сообщений

Отправлено 03 Июнь 2016 - 18:17

darya_kolos (03 Июнь 2016 - 17:52) писал:

Не сразу разобралась, но сделала это)) спасибо))

А по сортировке тогда вопрос - хочу убрать несколько пунктов из сортировки (скрин) - это возможно?

Здравствуйте.
Да, это возможно. Уточните, какие пункты Вам требуется скрыть.

Наверх

#7 darya_kolos

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

Пользователи
94 сообщений

Отправлено 04 Июнь 2016 - 14:08

Firefly (03 Июнь 2016 - 18:17) писал:

Здравствуйте.
Да, это возможно. Уточните, какие пункты Вам требуется скрыть.

-по изображению
-по наличию
-по количеству отзывов

Подскажите, пожалуйста, еще по фильтру, который чуть Выше обсудили - он появляется в левой колонке. Но сейчас покупатели могут выбрать из выпадающего списка только один размер. Можно ли видоизменить фильтр, чтобы можно было выбирать несколько разных размеров в категории.

Наверх

#8 Vaccina

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

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

Отправлено 07 Июнь 2016 - 03:53

В шаблоне Товары найдите:

<!-- Сортировать по: (Поле сортировки товаров по умолчанию) -->
			 <div class="sort-by">
			 <label>Сортировать по:</label>
			 <select name="goods_search_field_id" class="sort-by" 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 Сортировать по: -->

замените на:

<!-- Сортировать по: (Поле сортировки товаров по умолчанию) -->
			 <div class="sort-by">
			 <label>Сортировать по:</label>
			 <select name="goods_search_field_id" class="sort-by" title="Название сортировки" onchange="this.form.submit();">
				 {% FOR goods_order_fields %}
	 {% IF goods_order_fields.ID != 9 || goods_order_fields.ID != 10 || goods_order_fields.ID != 3 || goods_order_fields.ID != 4 || goods_order_fields.ID != 13 || goods_order_fields.ID != 14 %}
				 <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %} >{goods_order_fields.NAME}</option>
	 {% ENDIF %}
				 {% ENDFOR %}
			 </select>
			 </div>
			 <!-- /END Сортировать по: -->

В шаблоне HTML найдите:

<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
				 {% 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 %}

замените на:

<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
				 {% FOR filter_attr_list %}
					 <div class="filter">
					 <div class="title">{filter_attr_list.NAME}:</div>
											 <ul>
											 {% FOR values %}
												 <li>
													 <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="red">({filter_attr_list.values.NB_GOODS_FILTERED})</span></label>
												 </li>
											 {% ENDFOR %}
											 </ul>
					 </div>
				 {% ENDFOR %}
				 <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
				 {% FOR filter_prop_list %}
					 <div class="filter">
	 <div class="title">{filter_prop_list.NAME}:</div>
											 <ul>
											 {% FOR values %}
												 <li>
													 <input type="checkbox" name="form[filter][attr][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterAttrVal{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="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="red">({filter_prop_list.values.NB_GOODS_FILTERED})</span></label>
												 </li>
											 {% ENDFOR %}
											 </ul>
					 </div>
				 {% ENDFOR %}
	 <div class="goodsFilterPriceSubmit">
												 <center><button class="button" type="submit" title="Показать">Показать</button></center>
											 </div>

Наверх

#9 darya_kolos

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

Пользователи
94 сообщений

Отправлено 07 Июнь 2016 - 14:08

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

С сортировкой не поменялось ничего

Наверх

#10 Firefly

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

Модераторы
3 810 сообщений

Отправлено 07 Июнь 2016 - 14:46

darya_kolos (07 Июнь 2016 - 14:08) писал:

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

С сортировкой не поменялось ничего

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

<label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="red">({filter_attr_list.values.NB_GOODS_FILTERED})</span></label>

Замените на:

<label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span class="#909090">({filter_attr_list.values.NB_GOODS_FILTERED})</span></label>

Найдите код:

<label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="red">({filter_prop_list.values.NB_GOODS_FILTERED})</span></label>

Замените на:

<label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span class="#909090">({filter_prop_list.values.NB_GOODS_FILTERED})</span></label>

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

		 {% IF goods_order_fields.ID != 9 || goods_order_fields.ID != 10 || goods_order_fields.ID != 3 || goods_order_fields.ID != 4 || goods_order_fields.ID != 13 || goods_order_fields.ID != 14 %}
								 <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %} >{goods_order_fields.NAME}</option>
		 {% ENDIF %}

Замените на:

		 {% IF goods_order_fields.ID != 9 %} {% IF goods_order_fields.ID != 10 %} {% IF goods_order_fields.ID != 3 %} {% IF goods_order_fields.ID != 4 %} {% IF goods_order_fields.ID != 13 %} {% IF goods_order_fields.ID != 14 %}
								 <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %} >{goods_order_fields.NAME}</option>
		 {% ENDIF %}{% ENDIF %}{% ENDIF %}{% ENDIF %}{% ENDIF %}{% ENDIF %}

Наверх

#11 darya_kolos

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

Пользователи
94 сообщений

Отправлено 08 Июнь 2016 - 15:46

А цвет в фильтре можно только красный или серый в цвет основного шрифта? Не хочется, чтоб резало глаз (как красный), но и чтобы не сливалось (одним цветом тогда всё непонятно становится). Пробовала разные цвета поставить - и прописывала их типа как "red", и кодом цифро-буквенным... но не воспринимает никакие кроме этих двух

может я не там что-то меняю?

Наверх

#12 Юля123

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

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

Отправлено 08 Июнь 2016 - 17:09

darya_kolos (08 Июнь 2016 - 15:46) писал:

А цвет в фильтре можно только красный или серый в цвет основного шрифта? Не хочется, чтоб резало глаз (как красный), но и чтобы не сливалось (одним цветом тогда всё непонятно становится). Пробовала разные цвета поставить - и прописывала их типа как "red", и кодом цифро-буквенным... но не воспринимает никакие кроме этих двух

может я не там что-то меняю?

В конце main.css добавьте код:

.ui-slider-horizontal .ui-slider-range {
	background: #8565A3;
}

и значение 8565A3 у свойства background замените на нужное. Этот цвет сиреневый.

Наверх

#13 loomark

Новичок

Пользователи
9 сообщений

Отправлено 09 Июнь 2016 - 00:02

Здравствуйте как поместить или убрать значек "в корзину" при наведении на товар в мобильной версии, Заранее спасибо!
Аккаунт SL-377039

Наверх

#14 Vaccina

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

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

Отправлено 09 Июнь 2016 - 00:53

В main,css после:

@media all and (max-width: 481px) {

пропишите:

.products-grid .item .item-inner .item-img .cart-wrap {
	display: none;
}

Наверх

#15 loomark

Новичок

Пользователи
9 сообщений

Отправлено 09 Июнь 2016 - 01:55

Vaccina (09 Июнь 2016 - 00:53) писал:

В main,css после:

@media all and (max-width: 481px) {

пропишите:

.products-grid .item .item-inner .item-img .cart-wrap {
display: none;
}

Спасибо)

Наверх

#16 darya_kolos

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

Пользователи
94 сообщений

Отправлено 09 Июнь 2016 - 17:20

Юля123 (08 Июнь 2016 - 17:09) писал:

В конце main.css добавьте код:

.ui-slider-horizontal .ui-slider-range {
background: #8565A3;
}

и значение 8565A3 у свойства background замените на нужное. Этот цвет сиреневый.

Ой, так мне нравится с таким цветом

спасибо)) но я имела ввиду несколько другое... выше я просила сменить цвет у текста в скобках, который показывает количество товаров по определенной категории фильтра. Например, у меня стоит фильтр по размерам детской одежды... 56 (8), 62 (8), 68 (8) и т.д. значения в скобках - это столько товаров определенного размера. Так вот раньше этот текст в скобках был красного и это режет глаз. Мне поменяли на серый. А как поменять на любой другой? Как я ни меняла, воспринимает только эти два цвета.

Наверх

#17 Vaccina

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

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

Отправлено 10 Июнь 2016 - 04:55

В main.css найдите:

.block.filters .filter {
	font-size: 14px;
}

после него пропишите:

.block.filters .filter li span {
	color: #000000;
}

Вместо #000000 укажите необходимое цветовое значение

Наверх

#18 darya_kolos

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

Пользователи
94 сообщений

Отправлено 10 Июнь 2016 - 13:31

Vaccina (10 Июнь 2016 - 04:55) писал:

В main.css найдите:

.block.filters .filter {
font-size: 14px;
}

после него пропишите:

.block.filters .filter li span {
color: #000000;
}

Вместо #000000 укажите необходимое цветовое значение

Не могу найти такой код. Нет такой строки в этом шаблоне у меня

Наверх

#19 Firefly

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

Модераторы
3 810 сообщений

Отправлено 10 Июнь 2016 - 15:42

darya_kolos (10 Июнь 2016 - 13:31) писал:

Не могу найти такой код. Нет такой строки в этом шаблоне у меня

Здравствуйте.
У Вас был по какой-то причине некорректно прописанный стиль для количества, поправил его Вам. Чтобы в дальнейшем изменить его цвет в шаблоне HTML найдите код:

																										 <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span style="color:#909090;">({filter_attr_list.values.NB_GOODS_FILTERED})</span></label>

И код:

																										 <label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span style="color:#909090;">({filter_prop_list.values.NB_GOODS_FILTERED})</span></label>

В этих строках измените код цвета #909090 на необходимый.

Наверх

#20 darya_kolos

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

Пользователи
94 сообщений

Отправлено 16 Июнь 2016 - 16:32

Firefly (10 Июнь 2016 - 15:42) писал:

Здравствуйте.
У Вас был по какой-то причине некорректно прописанный стиль для количества, поправил его Вам. Чтобы в дальнейшем изменить его цвет в шаблоне HTML найдите код:

																										 <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} <span style="color:#909090;">({filter_attr_list.values.NB_GOODS_FILTERED})</span></label>

И код:

																										 <label for="filterAttrVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} <span style="color:#909090;">({filter_prop_list.values.NB_GOODS_FILTERED})</span></label>

В этих строках измените код цвета #909090 на необходимый.

Спасибо, всё наконец получилось

НО!!!! БЕЕДААААА! Фильтр не работает

хотя раньше работал, может где-то что-то мы случайно удалили? открываю категорию, например "все товары", по фильтру выбираю размер 80 (в скобках указано, что по данному фильтру 20 наименований), но при нажатии кнопки "показать" открывает сообщение (см. скриншот) и в фильтре показано все по нулям