Шорткод для вывода Oxygen templates и reusable в любом месте на сайте

Как то нужно было сделать, чтобы шаблон сделанный в Oxygen показывался через шорткод в меню или выводился в баннере отдельно. Тогда я нашел замечательную статью Shortcode for displaying Oxygen templates and reusable parts. В не был готовый шорткод, в катором указывался ID reusable и он выводил контент с Oxy в любом месте. Проблема была только […]

Читать всю статью
Акция, при заказе двух и более товаров можно выбрать бесплатный подарок в Woocommerce

На одном сайте по доставке еды, нужно было провести акцию. Где при заказе двух блюд, можно было выбрать в подарок одно бесплатное. Реализация должна быть на сайте, чтобы покупатель выбрав два определенных блюда, мог сам выбрать подарок и чтобы все это попало в корзину и при оформлении заказа продавец видел подарок. Чтобы меньше тарантить времени […]

Читать всю статью
Woocommerce - не обновляется общая сумма заказа на странице корзины

После обновления Woocommerce до версии 7.8, перестала пересчитывается общая сумма заказа, когда меняем количество товаров на странице - Корзина. Общая сумма выведена через блок Oxygen oxy-cart-total. Так же не пересчитывается общее количество товаров выведенные через свой код. Так же не работает пересчет в плагине Side Cart WooCommerce если мы на странице Корзины или Оформлении заказа. […]

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

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

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

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

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

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

Читать всю статью
Добавление атрибутов Woocommerce в карточку товара созданную в Oxygen

Столкнулся с такой проблемой, что созданные атрибуты в Woocommerce не выводятся в карточке товаров которая сверстана в Oxygen. Вернее если применен стандартный вывод информации товара. Так же атрибуты не выводятся в модальном окне через плагин yith-woocommerce-quick-view. Решение нашел такое: С помощью хуков вывел атрибуты и в большой карточке товаров и в модальном окне. Так же […]

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

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

Читать всю статью
WP Grid Builder и Oxygen, фильтр записей

Открыл для себя плагин WP Grid Builder. Попробовал его в Oxygen применить для EasyPosts и Repeater element, результат огонь. Можно выводить список записей в Oxygen, через EasyPosts или Repeater, или Woocomerce и применять к нему Facet (фильтр). Для этого я использую такие настройки: А также установил плагин-дополнение WP Grid Builder - Oxygen для удобства, чтобы […]

Читать всю статью
Шорткод для отображения шаблонов Oxygen

Для того, что бы вывести Re-usable part в любом месте на сайте через шорткод, нужно в сниппете, через Code Snippets добавить код: Для этого в нужно в Code Snippets выбрать: Запускать только на публичной части сайта Затем нужно в том месте, где необходимо вывести этот шаблон вставить шорткод: Где 627 это ID шаблона Oxygen. Только […]

Читать всю статью
Убрать пагинацию в Oxygen

Нужно было с помощью Repeater создать рандомный вывод статей через Oxygen. Это делается через advanced Но нужно было вывести всего 5 постов и убрать пагинацию в конце постов. Это делается следующим методом. Заходим в настройки и добавляем параметры. Параетры: post_per_page = 5 - выведет всего пять постов no_found_rows = true - убирает строку пагинации в […]

Читать всю статью
Добавить код после тега body в WordPress, Oxygen

Для добавления Google Tag Manager я использовал раньше на сайтах плагин Head, Footer and Post Injections. Так как нужно было разместить код сразу за тегом <body>. В WordPress версии 5.2 и выше появился хук для этого wp_body_open() . Но я использую билдер Oxygen и для него тоже есть решение, вот оно. Нужно в сниппетах прописать […]

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

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

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

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

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

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

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

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

Читать всю статью
envelope