Для пользователей
Настройки
Настройки WooCommerce Splash Popup находятся в админ-панели в WooCommerce → Splash Popup.
Глобальные настройки
Содержит глобальные настройки для Splash Popup.
- Отображать тип всплывающих окон – показывает как часто будут выводится всплывающие окна
- Ширина всплывающего окна
- Высота всплывающего окна
- Таймер – время в секундах, которое пройдет прежде, чем можно будет закрыть всплывающее окно
- Таймер закрытия – время в секундах
- Cookie Expire – время в днях, за которое cookies expire и всплывающее окно снова выводится
- Reset Cookie on Login/ Logout – удалить файлы cookie при вхождение/выходе из системы log in/log out
- Force Popup – показывать уведомления на каждой странице
- Все
- Понедельник
- Вторник
- Среда
- Четверг
- Пятница
- Суббота
- Воскресенье
- Пользователь не вошел в систему
- Страница
- Блог
- Корзина
- Оформление заказа
- Сравнение
- База знаний
- Мой аккаунт
- Страница образца
- Магазин
- Страница приветствия
- Пользователь вошел в систему (см. выше)
- Пользователь вошел в систему Страница пользователя (см. выше)
- Страница
Стили
Содержить настройки стиля для всплывающих окон.
- Боковые отступы – сумма отступов слева и справа (px, %)
- Верхние/нижние отступы – сумма отступов сверху и снизу (px, %)
- Ширина границы – ширина границы всплывающего окна (px)
- Цвет границы – цвет границы всплывающего окна/ По умолчанию
- Цвет фона – цвет блока за всплывающим окном/ По умолчанию
- Цвет фона названия – цвет фона в названии всплывающего окна/ По умолчанию
- Цвет текста названия – цвет текста названия во всплывающем окне/ По умолчанию
- Размер текста названия – размер текста в пикселях для названия всплывающего окна
- Высота названия – высота в пикселях для названия всплывающего окна
- Размер кнопки Закрыть – размер в пикселях
- Цвет кнопки Закрыть – цвет кнопки Закрыть/ По умолчанию
- Цвет кнопки закрыть при наведении курсора мыши – цвет кнопки закрыть при наведении курсора мыши/ По умолчанию
- Цвет фона содержания – цвет фона содержания всплывающего окна/ По умолчанию
- Цвет текста содержания – font color of content in popup window/ По умолчанию
Шаблоны
- Full Footer Buttons
- Grey Gradient
- Nice Blue
- Nice Green
- Separate Footer
- Simple & Nice
- Simple Shadow
- Sweet Alert
Настройки всплывающих окон
Как создать новое всплывающее окно?
- Откройте панель администрирования вашего сайта и проследуйте BeRocket→ Splash Popup.
- Нажмите кнопку Добавить всплывающее окно.
- Выберите нужные настройки и нажмите кнопку Сохранить.
- Нажмите знак “+” под Условия и выберите нужное условие.
- Условия – кнопка “+”, которая находится вне блоков, добавляет новые блоки, соединяя их условием “ИЛИ”; кнопки “+”, которые находится в середине каждого блока, добавляют новое условие “И”.
Условия
- ID Страницы:
- Равно
- Не равно
- [THANK YOU]
- [SHOP PAGE]
- [PRODUCT PAGE]
- [PRODUCT CATEGORY PAGE]
- [PRODUCT TAXONOMIES]
- [PRODUCT TAGS]
- Блог (ID: 11)
- Корзина (ID: 6)
- Оформление заказа (ID: 7)
- Сравнение (ID: 314)
- База знаний (ID: 73)
- Мой аккаунт (ID: 8)
- Страница образца (ID: 2)
- Магазин (ID: 5)
- Страница приветствия (ID: 10)
- Атрибут товара:
- Равно
- Не равно
- Выбрать атрибут
- Tags
- ==Любой==
- внешний/партнерский товар
- сгруппированный товар
- простой товар
- вариативный товар
- Tags
- ==Любой==
- exclude-from-catalog
- excude-from-search
- featured
- ouofstock
- rate-1 – rate-5
- Tags
- Поиск товара
- Равно
- Не равно
- Категория:
- Равно
- Не равно
- Включать подкатегории
- Товар
- Равно
- Не равно
- Input
- День недели
- Пон – Пт
- Дни недели – для разных пользователей вы можете выбрать дни недели для отображения разных всплывающих окон
- Статус пользователя
- Не вошел в систему – уведомление для пользователей, которые не вошли в систему
- Вошли в систему – уведомление для пользователей, которые вошли в систему
- Уведомление для пользователей, которые вошли в систему и имеют один или больше заказов
- Не показывать на:
- Мобильных
- Планшетах
- ПК
Глобальные настройки
- Таймер – секунды
- Таймер закрытия – секунды
- Ширина всплывающего окна
- Высота всплывающего окна
Аддоны
Old Popup – устаревший аддон, вскоре будет удален.
CSS/ Javascript
- Пользовательский CSS – поле для пользовательского CSS. Содержит настройки пользовательского CSS кода, который будет отображен во внешнем интерфейсе. Пользовательский CSS – тот CSS, каким хотите его видеть вы.
- При загрузке страницы – поле для пользовательского Javascript, который выполнится при загрузке страницы.
- Javascript Перед открытием всплывающего окна
- Javascript При открытии всплывающего окна
Настройки под тему
Bridge
Настройки пользовательского CSS
Откройте админ-панель вашего сайта и проследуйте в WooCommerce→ Splash Popup→ Custom CSS.
Добавьте этот CSS в поле “User custom CSS style”:
.br_splash_popup_window span.screen-reader-text
{
display: none;
}Divi
Настройки пользовательского CSS
Откройте админ-панель вашего сайта и проследуйте в WooCommerce→ Splash Popup→ Custom CSS.
Добавьте этот CSS в поле “User custom CSS style”:
.br_splash_popup_window span.screen-reader-text
{
display: none;
}Для разработчиков
Хуки-события
includes/functions.php
br_get_woocommerce_version()
Общественная функция для получения версии WooCommerce.
return string. woocommerce version
woocommerce-splash-popup.php
Все эти функции находятся в классе BeRocket_splash_popup в качестве статических функций.
init ()
Функция инициализации скриптов.
admin_init ()
Функция инициализации скриптов и страницы настроек в админ-панели.
options ()
Добавить страницу параметров в админ меню.
br_get_template_part( $name = ” )
Получить часть шаблона.
- $name – имя шаблона
Шаблоны по умолчанию помещаются в папку плагинов woocommerce-splash-popups/templates.
Для перезаписи шаблона в папке темы создайте папку с именем woocommerce-splash_popup и поместите новый шаблон с таким же именем в эту папку.
login_reset ()
Удалить cookie.
Хуки-фильтры
berocket_splash_popup_user_func
Массив с пользовательским Javascript.
Параметры
- functions – массив с полем пользовательского Javascript:
- js_page_load – строка с кодом Javascript, который выполняется при загрузке страницы
- before_popup – строка с кодом Javascript, который выполняется перед открытием всплывающего окна
- close_popup – строка с кодом Javascript, который выполняется перед закрытием всплывающего окна
Использование
<?php
function change_berocket_splash_popup_user_func ( $functions ) {
//your code here
return $functions;
}
add_filter( 'berocket_splash_popup_user_func', 'change_berocket_splash_popup_user_func', 10, 2 );
?>splash_popup_get_template_part
Шаблон, который используется плагином.
Параметры
- template – ссылка на шаблон, который будет загружен
- name – имя шаблона
Использование
<?php
function change_splash_popup_get_template_part ( $template, $name ) {
//your code here
return $template;
}
add_filter( 'splash_popup_get_template_part', 'change_splash_popup_get_template_part', 10, 2 );
?>Файлы
- woocommerce-splash-popup.php – основной файл плагина
- css – папка с CSS-файлами
- admin.css – стили для админ-панели
- colpick.css – стили для блока выбора цвета
- font-awesome.css – стандартные стили Font Awesome
- fonts – шрифты Font Awesome
- includes – папка с дополнительными файлами PHP
- functions.php – общественные функции
- updater.php – BeRocket Updater для обновления плагинов с сайта BeRocket
- js – папка с файлами Javascript
- admin.js – Javascript для настройки панели администрирования
- colpick.js – Javascript для палитры цветов в настройках панели администрирования
- jquery.cookie.js – слайдер JQuery плагина
- templates – шаблоны для настроек, стиля списка и кнопок
- pages.php – настройки выбора страниц для отображения всплывающих окон на страницах
- settings.php – страница настроек плагина
- wp_footer_popup.php – шаблон всплывающего окна, который будет отображен на странице

