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


Замена Фильтра

Автор Сергей Иванов, 04 дек. 2015 10:18

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

#1 Сергей Иванов

Сергей Иванов

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

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

Отправлено 04 Декабрь 2015 - 10:18

Подскажите как поменять стандартный фильтр (рис 1)
на фильтр из темы Весна (рис 2)

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

  • 1.jpg
  • 2.png

#2 Ирина345

Ирина345

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

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

Отправлено 04 Декабрь 2015 - 13:22

Просмотр сообщенияСергей Иванов (04 Декабрь 2015 - 10:18) писал:

Подскажите как поменять стандартный фильтр (рис 1)
на фильтр из темы Весна (рис 2)
Здравствуйте,

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

замените на
 <!-- Если есть возможность фильтрации товаров по ценам -->
			  {% IF SHOW_GOODS_PRICE_FILTERS %}
				<div class="filter">
				  <div>
					<label>Цена:</label>
					<input id="goods-filter-min-price" type="text" class="inputText" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> - 
					<input id="goods-filter-max-price" type="text" class="inputText" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
					<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="contentTbodySearchPriceFilterBlock">
					  <!-- Фильтры по цене -->
					  <div class="goodsFilterPriceRangePointers"><span class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span><div class="clear"></div></div>
					  <div id="goods-filter-price-slider"></div>
					  <div class="goodsFilterPriceSubmit">
						<input class="button" type="submit" value="Показать" />
					  </div>
					</div>
				  </div>
				</div>
			  {% ENDIF %}
			  <!-- END Если есть возможность фильтрации товаров по ценам -->

далее добавьте  в конец файла main.css
/* Фильтры */
  .filter-title {margin-bottom:12px;float:left;padding:3px 8px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
  .filter-title p {float:left;margin:0 12px 0 0;font-weight:bold;color:#333333;}
  .filter {}
  .filter:first-child {*width: 250px;}
  .filter label { vertical-align: top; }
  .filter .inputText {background-color: rgb(238, 238, 238); margin: 0px 3px; min-width: 65px ;}
  /* END Фильтры */
 
  /* Фильтр по цене */
  .contentTbodySearchPriceFilterBlock {	float: right;	width: 40%;}
  .goodsFilterPriceRangePointers .min {float: left;color:#212121;font-size: 12px;font-weight: bold;}
  .goodsFilterPriceRangePointers .max {float: right;color:#212121;font-size: 12px;font-weight: bold;}
  #goods-filter-price-slider {margin: 0 6px 0 10px;height: 5px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background: #333;border: solid 1px #333;}
  .ui-slider-horizontal .ui-slider-range {background: #ff0551;border: solid 1px #ff0551;}
  .ui-slider-horizontal .ui-slider-handle {height: 12px;width: 12px;top: -4px;background: #ccc;border: solid 1px #999;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
  .goodsFilterPriceSubmit {margin-top: 10px;display: none;}
  .goodsFilterPriceSubmit .button {margin: 0 auto;display: block;}
  /* END Фильтр по цене */

#3 Сергей Иванов

Сергей Иванов

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

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

Отправлено 04 Декабрь 2015 - 13:35

А можно поля ввода уменьшить в высоту?

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

  • 1.jpg

#4 Ирина345

Ирина345

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

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

Отправлено 04 Декабрь 2015 - 14:02

Просмотр сообщенияСергей Иванов (04 Декабрь 2015 - 13:35) писал:

А можно поля ввода уменьшить в высоту?
Найдите в файле style.css

Просмотр сообщенияСергей Иванов (04 Декабрь 2015 - 13:35) писал:

А можно поля ввода уменьшить в высоту?
В конец main.css добавьте
input#goods-filter-max-price {
	height: 26px;
}

#5 Сергей Иванов

Сергей Иванов

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

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

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

Одна уменьшилась вторая нет)

#6 Danil

Danil

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

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

Отправлено 04 Декабрь 2015 - 14:12

Просмотр сообщенияСергей Иванов (04 Декабрь 2015 - 14:06) писал:

Одна уменьшилась вторая нет)
В main.css найдите код 
input#goods-filter-max-price {
		height: 26px;
}
и замените на 
input#goods-filter-max-price, input#goods-filter-min-price{
		height: 26px;
}

#7 Тим

Тим

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

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

Отправлено 11 Декабрь 2015 - 00:09

Здравствуйте, скажите пожалуйста, как мне сделать такой фильтр? Если можно, то поподробнее пожалуйста.
(номер аккаунта SL-368811)

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

  • Безымянный.png

#8 Vaccina

Vaccina

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

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

Отправлено 11 Декабрь 2015 - 04:18

Данный вопрос рассматривался у нас на форуме, инструкция по реализации:
http://forum.storela...дизайн-фильтра/

#9 icmp.dll

icmp.dll

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

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

Отправлено 04 Январь 2016 - 08:18


Здравствуйте!
Подскажите пожалуйста, как сделать, чтобы в фильтре показывались только соответствия?
В данный момент в фильтре остаются модели, не соответствующую выбранной марке (это весьма печалит).  Кстати при выборе марки в каталоге, избыточные модели не отображаются.
тут
http://tuning-markt.ru/catalog/tuning
клиент выбирает в фильтре Марка Авто: RENAULT,а в следующем поле  продолжают отображаться модели всех марок.
скрин: http://prntscr.com/9lunvc
Как исправить эту нелепость?
Второй вопрос: возможно ли переделать фильтр, что бы все марки отображались в любых каталогах, а при выборе марки происходил бы переход на соответствующую страницу в каталоге?

#10 Тим

Тим

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

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

Отправлено 12 Апрель 2016 - 13:57

Здравствуйте, подскажите пожалуйста как перетащить ВОЙТИ В ЛК?

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

  • Безымянный.png

#11 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 12 Апрель 2016 - 14:06

Просмотр сообщенияТим (12 Апрель 2016 - 13:57) писал:

Здравствуйте, подскажите пожалуйста как перетащить ВОЙТИ В ЛК?

Здравствуйте. Речь идет о магазине с аккаунтом 368811? Он заблокирован. Пополните, пожалуйста, баланс, чтобы мы могли помочь Вам.

#12 Тим

Тим

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

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

Отправлено 12 Апрель 2016 - 14:11

Просмотр сообщенияRedHead (12 Апрель 2016 - 14:06) писал:

Здравствуйте. Речь идет о магазине с аккаунтом 368811? Он заблокирован. Пополните, пожалуйста, баланс, чтобы мы могли помочь Вам.
нет, аккаунт SL-362507

#13 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 12 Апрель 2016 - 14:29

Просмотр сообщенияТим (12 Апрель 2016 - 14:11) писал:

нет, аккаунт SL-362507

Чтобы все пункты меню "поместились" в одну строку, можно пойти двумя путями:

1) Уменьшить место для для логотипа и увеличить ширину места для меню:

в шаблоне html найдите строки:

<div class="col-md-3 col-xs-12">
		 <div id="logo">
			 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a>
		 </div>
		 </div>
		 <div class="col-md-9 col-xs-12">

замените их на:

<div class="col-md-2 col-xs-12">
		 <div id="logo">
			 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a>
		 </div>
		 </div>
		 <div class="col-md-10 col-xs-12">

Результат:

1.jpg

2) Уменьшить значение величины шрифта меню: шаблоне main.css найдите строку:

#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #696c79;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;}
замените в ней размер шрифта: font-size: 16px на меньший до 14, или 15 px.

Результат:

2.jpg

#14 Тим

Тим

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

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

Отправлено 12 Апрель 2016 - 14:56

Просмотр сообщенияRedHead (12 Апрель 2016 - 14:29) писал:

Чтобы все пункты меню "поместились" в одну строку, можно пойти двумя путями:

1) Уменьшить место для для логотипа и увеличить ширину места для меню:

в шаблоне html найдите строки:

<div class="col-md-3 col-xs-12">
		 <div id="logo">
			 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a>
		 </div>
		 </div>
		 <div class="col-md-9 col-xs-12">

замените их на:

<div class="col-md-2 col-xs-12">
		 <div id="logo">
			 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a>
		 </div>
		 </div>
		 <div class="col-md-10 col-xs-12">

Результат:

Прикрепленный файл 1.jpg

2) Уменьшить значение величины шрифта меню: шаблоне main.css найдите строку:

#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #696c79;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;}
замените в ней размер шрифта: font-size: 16px на меньший до 14, или 15 px.

Результат:

Прикрепленный файл 2.jpg
Спасибо огромное, а можно вес меню сдвинуть вниз на 1 см?

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

  • Безымянный.png

#15 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 12 Апрель 2016 - 15:16

Просмотр сообщенияТим (12 Апрель 2016 - 14:56) писал:

Спасибо огромное, а можно вес меню сдвинуть вниз на 1 см?

В шаблоне main.css найдите строку:

#custommenu ul.menunav li {display: inline-block;float:left;border: none;}

замените ее на:

#custommenu ul.menunav li {display: inline-block;float:left;border: none; margin-top: 25px;}

#16 Тим

Тим

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

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

Отправлено 12 Апрель 2016 - 15:49

Просмотр сообщенияRedHead (12 Апрель 2016 - 15:16) писал:

В шаблоне main.css найдите строку:

#custommenu ul.menunav li {display: inline-block;float:left;border: none;}

замените ее на:

#custommenu ul.menunav li {display: inline-block;float:left;border: none; margin-top: 25px;}
Вот такую строку нашел и поменял, но не получилось)) 161 #custommenu ul.mainnav li.level0 {display: inline-block;float:left;border: none;}

#17 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 12 Апрель 2016 - 16:18

Просмотр сообщенияТим (12 Апрель 2016 - 15:49) писал:

Вот такую строку нашел и поменял, но не получилось)) 161 #custommenu ul.mainnav li.level0 {display: inline-block;float:left;border: none;}

Внесли Вам изменения. Проверьте, пожалуйста.

#18 abram3

abram3

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

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

Отправлено 20 Апрель 2016 - 20:56

Добрый вечер!Подскажите можно ли сделать вот такой фильтр?

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

  • Screenshot_10.png

#19 abram3

abram3

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

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

Отправлено 20 Апрель 2016 - 21:38

Или сделать как в теме "Карамель"

Очень надо!!!!

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

  • Screenshot_4.png

#20 Юля123

Юля123

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

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

Отправлено 21 Апрель 2016 - 09:03

Просмотр сообщенияabram3 (20 Апрель 2016 - 21:38) писал:

Или сделать как в теме "Карамель"

Очень надо!!!!

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


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

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

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