Уже скоро, быстрые шаблоны с неограниченным количеством модулей за 1грн./заказ

Настройка модуля "NeoSeo Всплывающие окна сообщений" для Интернет-магазина {SEO-Mагазин}, OpenCart 2.х, 3.х, ocStore

1. Установка модуля “NeoSeo Всплывающие окна сообщений”

Для установки модуля “NeoSeo Всплывающие окна сообщений” необходимо:

  1. Загрузить файлы из архива по ФТП в корень Вашего сайта.

  2. Перейти в административную панель сайта и выбрать раздел “Дополнения”->”Модули”:

  1. В открывшемся списке модулей выбрать “NeoSeo Всплывающие окна сообщений” и нажать кнопку “Установить”:

  1. Перейти в раздел “Дополнения”->”Менеджер дополнений” и в открывшемся окне нажать на кнопку “Обновить”.

На этом установка модуля завершена и можно переходить к редактированию настроек модуля.

2. Редактирование настроек модуля

Для редактирования настроек модуля необходимо перейти в административную панель сайта и выбрать раздел “Дополнения”->”Модули”. В открывшемся списке модулей выбрать “NeoSeo Всплывающее окно сообщения” и нажать на кнопку “Редактировать”:

После этого на экране появится окно редактирования настроек модуля:

В данном окне необходимо установить "Включено" в опции “Статус”, отвечающей за активность модуля, и нажать кнопку “Сохранить”.

Далее можно переходить к созданию окон.

3. Создание окон

Управление и настройка всплывающих окон находится в разделе “Маркетинг” - “NeoSeo всплывающие окна”

После перехода перед Вами откроется окно управления всплывающими окнами:

Тут можно видеть следующие элементы (на скриншоте):

  1. Кнопка “Добавить новое окно” - Откроет диалог создания нового всплывающего окна.

  2. Фильтр созданных окон - для удобства поиска.

  3. Краткая информация о созданных окнах.

  4. Кнопки действий, такие как “Редактировать” и “Удалить”

4. Создание нового всплывающего окна

После нажатия на кнопку “Создать окно” (№1 на скриншоте выше) откроется форма для выбора опций нового окна:

  • Статус. Будет ли выводиться данное окно.

  • Положение окна. Данное поле служит для выбора положения всплывающего окна сообщения относительно страниц сайта.  Модуль предлагает следующие варианты расположения: “Слева сверху”, “Справа сверху”, “По центру вверху”, “Слева внизу”, “Справа внизу”, “По центру внизу”, “По центру окна”, “По центру слева”, “По центру справа”.
    Для примера, выберем положение “По центру окна”:

  • Кнопка закрытия окна. С помощью данного поля можно скрывать/отображать кнопку закрытия всплывающего окна сообщения.

  • Страницы для показа окна. Можно выбрать страницы, на которых это окно будет отображаться. К примеру если необходимо создать разные окна для карточки товара и для главной страницы сайта:

Также доступна опция “Свой маршрут”. Если она выбрана, то появится дополнительное поле для указания маршрута.

  • Укажите свой маршрут. Появляется при выборе в поле “Страница для показа” опции “Свой маршрут”

  • Тут необходимо указать внутренний маршрут “route” . Используется для нестандартных модулей OpenCart или для добавления окна к модулям, не указанным в списке.

  • Действие пользователя для показа окна.  Позволяет указать как именно будет показываться окно.

  • “Автоматические показ” - будет показываться пользователю при входе на страницу либо при обновлении страницы. “При клике на селектор” - окно будет показано пользователю при клике на определенный элемент на странице. “При наведении на селектор” - окно будет показано при наведении курсора мыши на определенный элемент на странице. При выборе опций “При клике на селектор” или “При наведении на селектор” появится дополнительное поле, в котором необходимо будет указать селектор для срабатывания опции. Селектор необходимо указывать подходящий для JQuery.

  • JQuery селектор. Данная опция появится при выборе в поле “Действие пользователя для показа окна” вариантов “При наведении на селектор” или “При клике на селектор”Тут необходимо указать непосредственно сам селектор. Например .element-class или #element-id

  • Сортировка. Указывает индекс сортировки при выборе окна для показа. К примеру, есть окно для показа на всех страницах и окно для показа на конкретной странице, то выбор между ними будет определяться индексом сортировки. Чем  меньше индекс сортировки - тем быстрее окно будет показано. 

  • Количество показов. Данное поле предназначено для указания количества показов окна пользователю при посещении сайта:

    Если поле оставить незаполненным, то окно будет отображаться всегда (то есть, каждый раз при обновлении страницы или при переходе на другую страницу сайта будет появляться всплывающее окно):
     

  • Время до показа окна (мс). Данная настройка предназначена для указания необходимого количества времени в миллисекундах до отображения всплывающего окна на странице сайта:

  • Для определения нужных размеров всплывающего окна, необходимо указать их ширину и высоту в полях “Минимальная высота окна” и “Минимальная ширина окна”:

  • Цвет шрифта заголовка.  Данное поле предназначено для выбора цвета шрифта заголовка всплывающего окна сообщения:

  • Цвет фона заголовка. Данное поле предназначено для выбора цвета фона заголовка всплывающего окна сообщения:

  • Цвет фона окна. Данное поле предназначено для указания цвета фона всплывающего окна:

  • Изображение окна. Если необходимо в качестве фона всплывающего окна выбрать изображение, в поле “Изображение окна” нажмите левой кнопкой мыши на изображение и выберите пункт “Редактировать”:

В открывшемся диалоговом окне, выберите или загрузите необходимое изображение:

  • Заголовок окна. Данное поле предназначено для указания заголовка всплывающего окна на всех языках магазина (в данном случае, для английского, русского и украинского языков). Для примера, добавим заголовок “Получите скидку на товары”:

  • Текст окна. Данное поле предназначено для указания текста всплывающего окна на всех языках магазина (в данном случае, для английского, русского и украинского языков). Для примера, добавим следующий текст окна:

     

Важно!!! После добавления всех изменений необходимо нажать кнопку “Сохранить”:

После сохранения всех изменений, получаем следующий вид всплывающего окна сообщения:

Не нашли ответ на свой вопрос? — Задайте его на нашем форуме: https://www.opencartmasters.com/forum/90-vsplyvayuschee-okno-soobscheniya/ 

Товары из статьи: