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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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