TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

WordPress – Связываем вместе Post Grid PRO и Search & Filter PRO

2 960

И так предположим что Вы уже прочли один из моих постов о Post Grid PRO и как его сделать PRO версией бесплатно. И Вам необходимо не только красиво отобразить сетку но и фильтровать содержимое сетки по определенным критериям. На наше счастье разработчики плагина сетки так же потрудились создать отличный плагин для поиска и фильтрации, имя ему Search & Filter нам же понадобиться его про версия для поддержки мета полей и других плюшек.

Search & Filter PRO можно где нибудь купить бесплатно (ну где именно я говорить не буду, Вы и сами догадываетесь) или купить не бесплатно на странице разработчиков:

https://searchandfilter.com/cart/

К сожалению Варианта на GitHub я не нашел так что у Вас есть только два варианта на выбор.

Как отображаются фильтры Search & Filter PRO  на странице

Search & Filter PRO – Плагин фильтрации в работе (demo страничка демонстрации возможностей плагина):

http://demo.designsandcode.com/sfpro-movie-reviews/search/

Фильтрация контента сетки Post Grid PRO при помощи Search & Filter PRO

Задача произвести фильтрацию контента по определенным данным на странице размещения вывода сетки.

И так официальная документация нам предоставляет данную страницу в помощь. Если вдруг что-то из написанного ниже Вам будет не ясно, Вы всегда можете обратиться к оригинальному источнику.

https://searchandfilter.com/documentation/3rd-party/post-grid/

Настройка фильтра для сетки БЕЗ aJax:

Настройка фильтра на вкладке "General". В моем примере выбран кастомный тайп “Игрок” в Вашем случае Вы должны выбрать свой тип записей.

Настройка фильтра на вкладке ***_

Настройка фильтра на вкладке "Display results". Обратите внимание что в поле “Template Options” указана ссылка на страницу, на которой отображается сетка. Так же отключен aJax (3) – то есть фильтрация контента будет происходить через перезагрузку страницы.

Настройка фильтра на вкладке ***_

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

Правильная вставка шорткодов фильтра и сетки на странице вывода

В начале вставляем шорт коды фильтра (предварительно заменив 5725 – на свой id фильтра) вот таким образом.

[searchandfilter id="5725" action="filter_next_query"] [searchandfilter id="5725"]

За тем вставляем шорт код сетки:

[post_grid id="5730"]

Источник записи:

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