«Будь швидким або помри»! Будь лідером з NeoSeo, деталі акції...

Налаштування модуля "NeoSeo Спливаючі вікна повідомлень" для Інтернет-магазину {SEO-Mагазин}, OpenCart 2.х, 3.х, ocStore

Зміст 

1. Установка модуля "NeoSeo Спливаючі вікна повідомлень"

2. Редагування налаштувань модуля

3. Створення вікна

4. Створення нового спливаючого вікна

  1. Установка модуля "NeoSeo Спливаючі вікна повідомлень"

Для установки модуля "NeoSeo Спливаючі вікна повідомлень" необхідно:

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

  2. Перейти в адміністративну панель сайту і вибрати розділ "Додатки" ->"Модулі":

  3. У списку модулів вибрати "NeoSeo Спливаючі вікна повідомлень" і натиснути кнопку "Встановити":

  1. Прейти в розділ "Додатки" -> "Менеджер доповнень" і в відкритому вікні натиснути на кнопку "Оновити".

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

  1. Редагування налаштувань модуля

Для редагування налаштувань модуля необхідно перейти в адміністративну панель сайту і вибрати розділ "Додатки" ->"Модулі". У списку модулів вибрати "NeoSeo Спливаюче вікно повідомлення" і натиснути на кнопку "Редагувати":

Після цього на екрані з'явиться вікно редагування налаштувань модуля:

В даному вікні необхідно встановити “Включено” опції "Статус", яка відповідає за активність модуля, і натиснути кнопку "Зберегти".

Далі можна переходити до створення вікон.

Створення нової панелі

Управління та налаштування спливаючих вікон модуля знаходиться в розділі "Маркетинг" – "NeoSeo спливаючі вікна"

Після переходу перед Вами відкриється вікно управління спливаючими вікнами:

Тут можна переглянути такі елементи (на скріншоті):

  1. Кнопка "Додати нове вікно" - Відкриє діалог створення нового спливаючого вікна.

  2. Фільтр створених вікон - для зручності пошуку.

  3. Коротка інформація про створені вікна.

  4. Кнопки дій, такі як "Редагувати" і "Видалити"

Створення нового спливаючого вікна

Після натискання на кнопку "Створити вікно" (№1 на скріншоті вище), відкриється форма для вибору опцій нового вікна:

  • Статус. Чи буде виводитися дане вікно.

  • Положення вікна. Дане поле служить для вибору положення спливаючого вікна повідомлення щодо сторінок сайту. Модуль пропонує наступні варіанти розташування: "Зліва зверху", "Справа зверху", "По центру вгорі", "Зліва внизу", "Справа внизу", "По центру внизу", "По центру вікна", "По центру зліва", "По центру справа".
    Для прикладу, виберемо положення "По центру вікна":

  • Кнопка закриття вікна. За допомогою даного поля можна приховувати / відображати кнопку закриття спливаючого вікна повідомлення.

  • Сторінки для показу вікна. Можна вибрати сторінки, на яких це вікно буде відображатися. Наприклад, якщо необхідно створити різні вікна для картки товару і для головної сторінки сайту: 

Також доступна опція "Свій маршрут". Якщо вона обрана, то з'явиться додаткове поле для вказівки маршруту.

  • Вкажіть свій маршрут. З'являється при виборі в полі "Сторінка для показу" опції "Свій маршрут"

  •  Тут необхідно вказати внутрішній маршрут "route". Використовується для нестандартних модулів OpenCart або для додавання вікна до модулів, не зазначених у списку.

  • Дія користувача для показу вікна. Дозволяє вказати як саме буде показуватися вікно.

  •  "Автоматичний показ" - Буде показуватися користувачеві при вході на сторінку або при оновленні сторінки. "При кліці на селектор" - Вікно буде показано користувачеві при кліці на певний елемент на сторінці. "При наведенні на селектор" - вікно буде показано при наведенні курсору миші на певний елемент на сторінці. При виборі опцій "При кліці на селектор" або "При наведенні на селектор" з'явиться додаткове поле, в якому необхідно буде вказати селектор для спрацьовування опції. Селектор необхідно вказувати відповідний для JQuery.

  • JQuery селектор. Дана опція з'явиться при виборі в полі "Дія користувача для показу вікна" варіантів "При наведенні на селектор" або "При кліці на селектор".

    Тут необхідно вказати безпосередньо сам селектор. Наприклад .element-class або # element-id

  • Сортування. Вказує індекс сортування при виборі вікна для показу. Наприклад, є вікно для показу на всіх сторінках і вікно для показу на конкретній сторінці, то вибір між ними буде визначатися індексом сортування. Чим менший індекс сортування - тим швидше вікно буде показано. 

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

    Якщо поле залишити незаповненим, то вікно буде відображатися завжди (тобто, кожен раз при оновленні сторінки або при переході на іншу сторінку сайту буде з'являтися спливаюче вікно):
     

  • Час до показу вікна (мс). Ця установка призначена для вказівки необхідної кількості часу в мілісекундах до відображення спливаючого вікна на сторінці сайту:

  • Для визначення потрібних розмірів спливаючого вікна, необхідно вказати їх ширину і висоту в полях "Мінімальна висота вікна" і "Мінімальна ширина вікна":

  • Колір шрифту заголовка. Дане поле призначене для вибору кольору шрифту заголовка спливаючого вікна повідомлення:

  • Колір фону заголовка. Дане поле призначене для вибору кольору фону заголовка спливаючого вікна повідомлення:

  • Колір фону вікна. Дане поле призначене для вказівки кольору фону спливаючого вікна:

  • Зображення вікна. Якщо необхідно в якості фону спливаючого вікна вибрати зображення, в полі "Зображення вікна" натисніть лівою кнопкою миші на зображення і виберіть пункт "Редагувати":

У діалоговому вікні, виберіть або завантажте необхідне зображення:

  • Заголовок вікна. Дане поле призначене для вказування заголовка спливаючого вікна на всіх мовах магазину (в даному випадку, для англійської, російської та української мов). Для прикладу, додамо заголовок "Отримайте знижку на товари":

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

Важливо !!! Після додавання всіх змін необхідно натиснути кнопку "Зберегти":

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

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

Товари зі статті: