Фильтр записей в Oxygen с помощью ISOTOPE

На одном из проектов, необходимо было реализовать фотогалерею по разделам. Она была реализована с помощью кастомных записей и плагина Search & Filter. Но при переводе проекта на Oxygen, плагин Search & Filter отказался работать. Поэтому переделали фильтр на основе кастомных записей и библиотеки Isotope.

Реализация фильтра записей в Oxygen

С помощью плагина Custom Post Type UI создали кастомные записи и кастомные такстономии.

Приведу сразу код который можно вставить в functions.php или сниппет.

Записи

Таксономии

Через плагин Code Snippets вставляем код, для того чтобы подключить библиотеку Isotope и создать шорткод самого фильтра, которые вставляется в шаблон Oxygen для этих записей.

Сам код сниппета

Создаем шаблон для архива этих записей Oxygen -> Templates

В самом шаблоне вставляем шорткод и блок Easy Posts.

Шорткод вставляем который прописали в сниппете выше.

А в блоке Easy Posts выбираем Template PHP и вставляем туда этот код:

А в блоке Easy Posts -> Template CSS вставляем этот код:

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

envelope linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram