Мы используем cookies для улучшения работы сайта и предоставления наших услуг. Продолжая использовать наш веб-сайт вы подтверждаете согласие с Политикой Конфиденциальности

Я согласен
Ваш подарок уже заждался :)
* при покупке от 1 500 грн.
Россия
8 800 551 94 15 все звонки бесплатно

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

     

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

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