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


Фотография
* * * * * 1 Голосов

AJAX фильтр (v220)

ajax фильтр

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

#1 fiction13

fiction13

Отправлено 08 December 2017 - 07:20

*
Популярное сообщение!

Привет, читатель.

 

Сегодня мы поговорим об ajax фильтре для последних версий JBZoo.

 

Фильтр будет уметь:

  • подгружать результаты в нужное место на сайте
  • переключать страницы фильтра (пагинация) без перезагрузки
  • в момент подгрузки затемнять экран с изображением лоадера
  • менять историю браузера
  • готовить

В прикрепленном архиве Вы найдете файлы, которые правились для этой реализации

  • /modules/mod_jbzoo_search/assets/js/filter.js (правка)
  • /modules/mod_jbzoo_search/assets/less/filter-ajax.less (новый файл)
  • /modules/mod_jbzoo_search/assets/img/loader.svg (новый файл)
  • /modules/mod_jbzoo_search/helper.php (правка)

Как Вы видите я поправил хелпер модуля. В нем подключается не только новый стиль для фильтра, но и добавляются параметры для виджета.

$this->_jbassets->widget('#' . $this->getModuleId(), 'JBZoo.Filter', array(
    'url'               => JRoute::_('index.php?Itemid=' . $this->modParams->get('menuitem', JFactory::getApplication()->input->getInt('Itemid'))).'?',
    'updateBlock'       => '#yoo-zoo',
    'autosubmit'        => (int)$this->_params->get('autosubmit', 0),
    'ajaxPagination'    => 1,
    'pagination'        => '.uk-pagination',
 ));

Добавленные параметры:

  • updateBlock - селектор блока, куда будут подгружаться результаты фильтра
  • ajaxPagination - влючение или отключение ajax пагинации
  • pagination - селектор контейнера Вашей пагинации

Правьте эти параметры под себя и обретете счастье.

 

Влючение ajax фильтра производится из админки чекбоксом "Авто-отправка формы". Установка - распаковкой в корень сайта.

 

Демо - http://jbzoo.fictionlabs.ru/

 
Бэкапьтесь, не разрабатывайте на продакшене и изучайте css (хотя бы). Аминь.

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


  • 13

#2 fiction13

fiction13

Отправлено 18 January 2018 - 18:53

Спасибо


  • 0

#3 mmth

mmth

Отправлено 18 January 2018 - 19:39

Спасибо

потыкал демку, когда в истории назад нажимаешь, урл вроде меняется, но страница контент нет


  • 0

#4 fiction13

fiction13

Отправлено 18 January 2018 - 20:15

когда в истории назад нажимаешь, урл вроде меняется, но страница контент нет

Так не планировалось изначально. 


  • 0

#5 Михаил

Михаил

Отправлено 23 January 2018 - 01:41

А вот это действительно крутой модуль. Почему то прошел совершенно незамеченным.


  • 0

#6 Ёшкин Кот

Ёшкин Кот

Отправлено 29 January 2018 - 17:06

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


Сообщение отредактировал Ёшкин Кот: 29 January 2018 - 17:13

  • 0

#7 fiction13

fiction13

Отправлено 29 January 2018 - 17:08

Подскажи плиз в чем фишка?

А есть адрес сайта, где посмотреть? и как реализовано?


Сообщение отредактировал fiction13: 29 January 2018 - 17:09

  • 0

#8 Ёшкин Кот

Ёшкин Кот

Отправлено 29 January 2018 - 18:03

А есть адрес сайта, где посмотреть? и как реализовано?

Пришлю в личку.


  • 0

#9 al2401

al2401

Отправлено 11 October 2018 - 09:15

Добрый день, модуль супер, с JBZoo 4 работает,

при выборе параметров фильтра поиск работает без перезагрузки страницы,

но по кнопке "Искать", страница перезагружается, можно ли, как сделать чтобы при нажатии кнопки "Искать" и "Сбросить" страница не перезагружалась.


Сообщение отредактировал al2401: 11 October 2018 - 09:32

  • 0

#10 al2401

al2401

Отправлено 17 October 2018 - 10:53

Вопрос снимается, фильтр срабатывает когда элемент теряет фокус, убрал из кнопки поиска отправку данных, по нажатию просто прокрутка к результатам, работает как требовалось.


  • 0





Темы с аналогичным тегами ajax, фильтр

Click to return to top of page in style!