Обрати сторінку

WooCommerce Splash Popup

Для пользователей

Настройки

Настройки 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

Настройки всплывающих окон

Как создать новое всплывающее окно?

  1. Откройте панель администрирования вашего сайта и проследуйте BeRocket Splash Popup.
  2. Нажмите кнопку Добавить всплывающее окно.
  3. Выберите нужные настройки и нажмите кнопку Сохранить.
  4. Нажмите знак “+”  под Условия и выберите нужное условие.
  5. Условиякнопка “+”, которая находится вне блоков, добавляет новые блоки, соединяя их условием “ИЛИ”; кнопки “+”, которые находится в середине каждого блока,  добавляют новое условие “И”.

Условия

  • 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
  • Поиск товара
    • Равно
    • Не равно
  • Категория:
    • Равно
    • Не равно
    • Включать подкатегории
  • Товар
    • Равно
    • Не равно
    • 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.

Параметры

  1. 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

Шаблон, который используется плагином.

Параметры

  1. template – ссылка на шаблон, который будет загружен
  2. 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 – шаблон всплывающего окна, который будет отображен на странице