11 replies to this topic

[fiction13]

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

 

Сегодня мы поговорим об 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 (хотя бы). Аминь.

Attached Files

•  jbzoo_ajax_filter_v220.zip   5.87KB   411 downloads

[fiction13]

Спасибо

[mmth]

Спасибо

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

[fiction13]

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

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

[Михаил]

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

[Ёшкин Кот]

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

Edited by Ёшкин Кот, 29 January 2018 - 17:13.

[fiction13]

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

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

Edited by fiction13, 29 January 2018 - 17:09.

[Ёшкин Кот]

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

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

[al2401]

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

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

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

Edited by al2401, 11 October 2018 - 09:32.

[al2401]

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