Фильтр товаров.Совмещение Чекбокса и Выпадающего фильтра

0 Пользователей и 1 Гость просматривают эту тему.
  • 20 Ответов
  • 961 Просмотров
*

David_99

  • Осваиваюсь на форуме
  • ***
  • 133
  • 2
Здравствуйте уважаемые форумчане.В первую очередь обращаюсь к тем, кто работал(работает) с фильтрами товаров типa Cherry Picker и др.
В модуле Cherry Picker есть 2 вида шаблона: Checkbox list и Simple Drop-Down.Возникла необходимость обьединить эти 2 вида в одну.Чтобы при нажатии на фильтр, открывался выпадающий список с чекбоксами с левой стороны.Не думаю что кто-то ранее сталкивался с такой задачей, но думаю многим в дальнейшем понадобиться такая функция.Так же можно рассмотреть другие модули с такой возможностью, пусть и коммерческие.Заранее спасибо.

*

robert

  • Профи
  • ********
  • 4006
  • 371
Ну, это несложно: повесьте js-скриптик в шаблоне. Что-то типа
Код: javascript
document.element.style.display="none";
document.element.style.display="block";
или
Код: javascript
$(".мой_класс").toggle();
« Последнее редактирование: 02.10.2014, 02:30:30 от robert »
  • Не будь паразитом, сделай что-нибудь самостоятельно!
  • В личке и по Skype не даю советов.

*

David_99

  • Осваиваюсь на форуме
  • ***
  • 133
  • 2
Ну, это несложно: повесьте js-скриптик в шаблоне. Что-то типа
Код: javascript
document.element.style.display="none";
document.element.style.display="block";
или
Код: javascript
$(".мой_класс").toggle();

Благодарю за быстрый ответ.
Я в JS не шарю абсолютно.Если не сложно скажите что именно, и куда прописывать.

*

robert

  • Профи
  • ********
  • 4006
  • 371
Давно не пользовался CherryPiccker, у меня стояла версия 2.0.8. Пример для этой версии - добавьте прямо перед закрывающим тэгом </head> своего шаблона следующий код:
Код: javascript
<script type="text/javascript">
jQuery(document).ready(function($) {
$('.chp-lhead').click(function(){
$(this).next().slideToggle('slow');
});
});
</script>
« Последнее редактирование: 02.10.2014, 14:55:37 от robert »
  • Не будь паразитом, сделай что-нибудь самостоятельно!
  • В личке и по Skype не даю советов.

*

David_99

  • Осваиваюсь на форуме
  • ***
  • 133
  • 2
Возможно Вы меня неправильно поняли.Мне нужно, чтобы рядом со списком были чекбоксы, как на этом изображении(места чекбоксов помечены красными точками):

Сделал все как Вы написали, не работает.Не думаю, что такая сложная задача решается добавлением 1 кода JS в шаблон.

*

robert

  • Профи
  • ********
  • 4006
  • 371
  • Не будь паразитом, сделай что-нибудь самостоятельно!
  • В личке и по Skype не даю советов.


*

David_99

  • Осваиваюсь на форуме
  • ***
  • 133
  • 2
Ссыка на сайт?
И кстати в шаблонах модуля есть наиболее подходящий вариант Drop-Down list.Там есть чекбоксы, но страница обновляется сразу.Хотите подключу этот шаблон для просмотра?

*

robert

  • Профи
  • ********
  • 4006
  • 371
Переключите на Checkbox list.
  • Не будь паразитом, сделай что-нибудь самостоятельно!
  • В личке и по Skype не даю советов.

*

robert

  • Профи
  • ********
  • 4006
  • 371
checkbox и select - это разные типы элементов. Вы можете только анимировать раскрытие/скрытие checkbox list. Для этого используйте выше приведенный код, изменив класс.
Код: javascript
<script type="text/javascript">
jQuery(document).ready(function($) {
$('.cp-chkb-group-header').click(function(){
$(this).next().slideToggle('slow');
});
});
</script>
  • Не будь паразитом, сделай что-нибудь самостоятельно!
  • В личке и по Skype не даю советов.

*

David_99

  • Осваиваюсь на форуме
  • ***
  • 133
  • 2
А можете по просмотру кода элемента подсказать мне мой класс? cp-chkb-padding-cont?

*

robert

  • Профи
  • ********
  • 4006
  • 371
Я уже его изменил в предыдущем посте. Возмите готовый код.
  • Не будь паразитом, сделай что-нибудь самостоятельно!
  • В личке и по Skype не даю советов.

*

David_99

  • Осваиваюсь на форуме
  • ***
  • 133
  • 2
Добавил код, не работает.Заменил классы на все, что только нашел на фильтре.Не работает все равно

*

David_99

  • Осваиваюсь на форуме
  • ***
  • 133
  • 2
А может я не там все это прописываю? Нужно в Шаблон->Изменить шаблон главной страницы?

*

robert

  • Профи
  • ********
  • 4006
  • 371
Не надо "на все". Что именно не работает?
  • Не будь паразитом, сделай что-нибудь самостоятельно!
  • В личке и по Skype не даю советов.

*

David_99

  • Осваиваюсь на форуме
  • ***
  • 133
  • 2
Ну в смысле не отображается списком.Никаких изменений нет.Сейчас в шаблоне висит этот код.

*

robert

  • Профи
  • ********
  • 4006
  • 371
Нажмите на "Производитель".
  • Не будь паразитом, сделай что-нибудь самостоятельно!
  • В личке и по Skype не даю советов.

*

David_99

  • Осваиваюсь на форуме
  • ***
  • 133
  • 2
А нужно было нажать на него ^-^.очень полезная функция, но мне нужно именно списком.Потому что на сайте будут много производителей, около 30.А так неудобно немного.Спасибо большое за потраченное Вами время.Наверно напишу фрилансерам, и если узнаю как решить задачу, опишу все тут. +

*

David_99

  • Осваиваюсь на форуме
  • ***
  • 133
  • 2
Нажмите на "Производитель".

А если не трудно, можете еще раз взглянуть на сайт?Изменил шаблон на Drop-Down.Нельзя никак сделать так, чтобы эти чекбоксы работали как чекбоксы? ^-^

*

robert

  • Профи
  • ********
  • 4006
  • 371
Я не очень вас понял. Что значит
чтобы эти чекбоксы работали как чекбоксы?
То есть вместо черных квадратиков - квадратики с галочками, что ли?

P.S. Только сейчас заметил: это только выглядит как checkbox, на самом деле - динамическая ссылка.
« Последнее редактирование: 02.10.2014, 15:52:20 от robert »
  • Не будь паразитом, сделай что-нибудь самостоятельно!
  • В личке и по Skype не даю советов.

*

psg-2301

  • Новичок
  • *
  • 6
  • 0
Добрый день, прошу помощи.
модуль Cherry Picker работает хорошо, единственное и для меня важное, не работает режим drop-down list, этот выпадающий список, просто не открывается. В чем может быть проблема?
Вот ссылка где этот фильтр http://pandora-magazine.ru/sharmy