Слайдер с превьюшками с помощью встроенной галереи и Slick

Слайдер с превью через кастомные поля в Oxygen. Самый простой вариант для записей выводимых через шаблон.

Читать всю статью
Кнопка НАЗАД на Android закрывает модальное окно

Необходимо было сделать, чтобы модальное окно открывалось на смартфоне во всю ширину экрана. Поэтому пользователи чтобы закрыть его использовали кнопку НАЗАД, на своем смартфоне. Но это приводило к переходу на одну страницу назад. Шаблон сверстан в Oxygen, такой функции по умолчанию нет, поэтому прописал в сниппете следующий код: Этот код делает следующие действия, когда нажимаю […]

Читать всю статью
Слайдер в Oxygen - вывод количества слайдов и номер слайда

Необходимо было сделать чтобы переключалки слайдера были внизу и показывалось количество слайдов и номер слайда. Для этого добавляем вот такой код в сниппет, и всё работает.

Читать всю статью
Открытие вкладок по якорным ссылкам в Oxygen

Чтобы разрешить хеш-ссылки (hash links) для открытия вкладок (tabs) в Oxygen нужно проделать следующее. Так как по умолчанию это не работает.

Читать всю статью
Запустить свой обработчик событий для Max Mega Menu

Столкнулся с такой задачей. Для пункта в Max Mega Menu нужно было повесить своё событие через JQuery. Но оно не хотело работать. Причина оказалось в том, что maxmegamenu.js выводится в самом конце страницы. Поэтому чтобы запустить свое событие, его нужно инициализировать после запуска всех скриптов. Я поступил так: Данный код по клику открывает меню 3-его […]

Читать всю статью
Стилизация select с помощью CSS для Contact Form7

Как-то на одном проекте возникла необходимость стилизовать тег <select> и его пункты. Как известно с помощью простого CSS он не стилизуется так, как бы этого хотелось. В сети нашел решение. Решение реализовано на CSS и jQuery, взял его на этом сайте. Здесь выложу уже рабочий код, который применил для своих нужд, для плагина Contact Form, […]

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

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

Читать всю статью
Сортировка товаров по наличию в Woocommerce

Столкнулся с такой проблемой. Woocommerce не сортирует товары у которого стоит статус "в наличии" или "нет в наличии". Он только сортирует по остаткам на складе. Поэтому вышел из положения так. На странице вывел все товары и те у кого статус "нет в наличии" скриптом перекинул вниз.

Если заменить на $this.prependTo($this.parent()); то все товары не […]

Читать всю статью
Простое всплывающее окно на сайте

На сайте часто нужно вывести информацию в шапке о режиме работы или контактах. Чтобы не нагромождать информацию, её можно разместить во всплавающем окне, которое выводится по клику на какой нибудь элемент. Простое всплывающее окошко можно сделать с помощью CSS и  jQuery. Для это добавляем код html на сайт:

Скрипт вставляем в шапку или футер: […]

Читать всю статью
Свой фильтр для виджета AE Post Blocks от AnyWhere Elementor Pro

Для WordPress плагин Elementor выполняет большинство задач не прибегая к ковырянию в коде. Но всё же есть моменты, которые Elementor не выполняет без Хуков. Так  виджет AE Post Blocks от плагина AnyWhere Elementor Pro выводит записи именно те которые прописываются в фильтре И если этот виджет применить для шаблона архива в Elementor, то при переходе по таксономиям (рубрики, […]

Читать всю статью
Прилипающее меню или шапка для сайта

Чтобы блок с меню (или шапка сайта целиком) при прокрутке страницы вниз — скрывался, а потом прилипал сверху сайта, нужно присвоив  блоку стиль и задать ему свойство position: fixed;.

И прописать, код который при прокрутке на несколько пикселей вниз (в нашем случае на 135px) будет блоку со стилем .menu присваивать стиль .fixed.

Так […]

Читать всю статью
Подгружать HTML в DIV

Если необходимо на сайте в div подгрузить какой нибудь html контент, это можно сделать следующим образом. Положить html файл на сервер, через FTP-клиент. И прописать скрипт.

Читать всю статью
Простой слайдер bxslider для WordPress

Когда нужно сделать простой слайдер фотографий или слайдер текста. То можно применить bxslider. При вставке стандартной галереи в Wordpres на страницу, из этих картинок можно сделать слайдер, если подключить bxslider. Подключается он очень просто. Достаточно прописать код в шапке или футере сайта.

Читать всю статью
Одинаковая высота у блоков

Часто требуется выводить блоки, чтобы они были одинаковой высоты и сами подстраивались под содержимое. Для этого вставляем следующий код Код HTML

Код скрипта

Тэги могут быть разными, вместо списков li могут, могут быть div.

Читать всю статью
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram