Перейти к содержимому


Интеграция Сторонних Кодов На Сайт

JS модальное окно всплывающее окно форма подписки

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 IgorG

IgorG

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 14 Январь 2016 - 14:32

Здравствуйте! Как мне установить всплывающее окно с сайта smartresponder.ru. С первым шагом все понятно. Не понятно со вторым шагом... Шаблон пластик. Спасибо!

Прикрепленные изображения

  • Скрин.jpg


#2 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 753 сообщений

Отправлено 14 Январь 2016 - 14:53

Просмотр сообщенияIgorG (14 Январь 2016 - 14:32) писал:

Здравствуйте! Как мне установить всплывающее окно с сайта smartresponder.ru. С первым шагом все понятно. Не понятно со вторым шагом... Шаблон пластик. Спасибо!

Здравствуйте.
Пришлите, пожалуйста, в приложении скачанный из 2 шага файл скрипта, чтобы проанализировав его мы могли точно указать его путь установки.

#3 IgorG

IgorG

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 14 Январь 2016 - 15:08

Спасибо за оперативность!
Шаг второй

Скрытый текст


#4 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 753 сообщений

Отправлено 14 Январь 2016 - 15:29

Просмотр сообщенияIgorG (14 Январь 2016 - 15:08) писал:

Спасибо за оперативность!
Шаг второй

Скрытый текст

Выполните, пожалуйста, инструкцию, начиная с первого шага, затем загрузите указанный файл из 2 шага, используя правую кнопку мыши (Сохранить как...) на свой компьютер.
После этого выполните подключение данного скрипта. Для этого в шаблоне HTML найдите код:
  <!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=plastic"></script>

Замените на:
  <!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=plastic"></script>
  <script type="text/javascript" src="{ASSETS_JS_PATH}popover.js?design=plastic"></script>


#5 IgorG

IgorG

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 14 Январь 2016 - 15:41

А файл из компьютера потом куда загрузить?

#6 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 753 сообщений

Отправлено 14 Январь 2016 - 15:43

Просмотр сообщенияIgorG (14 Январь 2016 - 15:41) писал:

А файл из компьютера потом куда загрузить?

Прошу прощения, не указал, этот файл Вам нужно загрузить по кнопке "Добавить файлы" в редакторе шаблонов.

#7 IgorG

IgorG

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 14 Январь 2016 - 15:51

Спасибо все сделал по вашей рекомендации, но не выходит...Посмотрите, пожалуйста, на тестовом аккаунте: SL-371359. Где моя ошибка?

#8 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 753 сообщений

Отправлено 14 Январь 2016 - 17:44

Просмотр сообщенияIgorG (14 Январь 2016 - 15:51) писал:

Спасибо все сделал по вашей рекомендации, но не выходит...Посмотрите, пожалуйста, на тестовом аккаунте: SL-371359. Где моя ошибка?

Ошибок в выполненной инструкции обнаружено не было. Окно с информацией о скидке появляется корректно при первом открытии сайта. Чтобы увидеть данное окно заново достаточно очистить куки в настройках браузера.
Так же в дальнейшем возможно Вам понадобиться изменить дизайн данного окна.
На данный момент файл popover.js у Вас отсутствует в списке файлов, поэтому помочь с дальнейшими изменениями пока не получится.

#9 IgorG

IgorG

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 14 Январь 2016 - 19:12

Файл popover.js добавлен. Результат есть. Только вот фона нет..Выдает JS ошибку...Еще раз посмотрите, пожалуйста, на тестовом аккаунте: SL-371359.
Предварительная настройка:
Эффект появления: выдвижение справа
Эффект закрытия: уход вверх
Спасибо

#10 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 753 сообщений

Отправлено 14 Январь 2016 - 19:45

Просмотр сообщенияIgorG (14 Январь 2016 - 19:12) писал:

Файл popover.js добавлен. Результат есть. Только вот фона нет..Выдает JS ошибку...Еще раз посмотрите, пожалуйста, на тестовом аккаунте: SL-371359.
Предварительная настройка:
Эффект появления: выдвижение справа
Эффект закрытия: уход вверх
Спасибо

Удалили часть кода в файле popover.js, который вызывал конфликт библиотек jquery (строки 1-20). Новый файл в приложении.

Для установки фона:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<script language="javascript" type="text/javascript" src="popover.js"></script><div id="SR_PopOverModalBackground" style="display: none; background-color:#000; filter: alpha(opacity=0); height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; opacity: 0;"></div><span style="margin: 0; padding: 0; width: 260; height: 407; position: absolute; left: 0; right: 0; display: none;" id="SR_PopOver"><table cellspacing="0" cellpadding="0" width="260" height="407"><tr><td style="border: 1px solid #0000cc"><table cellspacing="0" cellpadding="3" width="100%" height="100%" bgcolor="#cc9966">

Замените на:
<script language="javascript" type="text/javascript" src="popover.js"></script><div id="SR_PopOverModalBackground" style="display: none; background-color:#000; filter: alpha(opacity=0); height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; opacity: 0;"></div><span style="margin: 0; padding: 0; width: 260; height: 407; position: absolute; left: 0; right: 0; display: none;" id="SR_PopOver"><table cellspacing="0" cellpadding="0" width="260" height="407"><tr><td style="background-color:#fff; border: 1px solid #0000cc"><table cellspacing="0" cellpadding="3" width="100%" height="100%" bgcolor="#cc9966">

Так же хотелось бы отметить, что у Вас 2 повторяющихся кода данного окна, один из них необходимо удалить.

Прикрепленные файлы

  • Прикрепленный файл  popover.zip   5,09К   53 Количество загрузок:


#11 IgorG

IgorG

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 14 Январь 2016 - 19:59

Спасибо! Все понятно и доступно! Тема закрыта





Темы с аналогичным тегами JS, модальное окно, всплывающее окно, форма подписки

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных