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


Создание Всплывающего Окна Для Iframe


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

#1 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 07 Февраль 2015 - 19:59

Уважаемая, тех.поддержка!
У меня есть iframe-код онлайн-конструктора. Помогите, пожалуйста, либо настроить корректное отображение на сайте (SL-329316), сейчас он стоит на главной, либо, в идеале, подскажите как под него сделать всплывающее окно и кнопочку с постоянным размещением над боковым меню...

Заранее спасибо.

#2 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 08 Февраль 2015 - 10:05

Просмотр сообщенияRoman_Latyshev (07 Февраль 2015 - 19:59) писал:

Уважаемая, тех.поддержка!
У меня есть iframe-код онлайн-конструктора. Помогите, пожалуйста, либо настроить корректное отображение на сайте (SL-329316), сейчас он стоит на главной, либо, в идеале, подскажите как под него сделать всплывающее окно и кнопочку с постоянным размещением над боковым меню...

Заранее спасибо.
Здравствуйте. В описании главной страницы нажмите кнопку Источник, и замените
<iframe allowfullscreen="true" frameborder="0" height="1000" scrolling="no" src="http://constructor.prodboard.com?code=SR_6bff56a3ffab4cea8a2a4a743b4f0ed6" style="width:100%;height:100%;border:none">&amp;amp;amp;lt;p&amp;amp;amp;gt;эта страница, которую мы создали автоматически, является примером такого контента. Изменить или удалить её можно в панели управления магазина, в разделе &amp;amp;amp;laquo;Сайт&amp;amp;amp;raquo; &amp;amp;amp;gt; &amp;amp;amp;laquo;&amp;amp;amp;lt;a data-cke-saved-href=&amp;amp;amp;quot;/admin/site_pages&amp;amp;amp;quot; href=&amp;amp;amp;quot;/admin/site_pages&amp;amp;amp;quot;&amp;amp;amp;gt;Страницы&amp;amp;amp;lt;/a&amp;amp;amp;gt;&amp;amp;amp;raquo;&amp;amp;amp;lt;/p&amp;amp;amp;gt;</iframe>
на
<div class="frameWindow">
  <div class="framebg"></div>
<iframe allowfullscreen="true" frameborder="0" height="1000" scrolling="no" src="http://constructor.prodboard.com?code=SR_6bff56a3ffab4cea8a2a4a743b4f0ed6" style="width:100%;height:100%;border:none">&amp;amp;amp;lt;p&amp;amp;amp;gt;эта страница, которую мы создали автоматически, является примером такого контента. Изменить или удалить её можно в панели управления магазина, в разделе &amp;amp;amp;laquo;Сайт&amp;amp;amp;raquo; &amp;amp;amp;gt; &amp;amp;amp;laquo;&amp;amp;amp;lt;a data-cke-saved-href=&amp;amp;amp;quot;/admin/site_pages&amp;amp;amp;quot; href=&amp;amp;amp;quot;/admin/site_pages&amp;amp;amp;quot;&amp;amp;amp;gt;Страницы&amp;amp;amp;lt;/a&amp;amp;amp;gt;&amp;amp;amp;raquo;&amp;amp;amp;lt;/p&amp;amp;amp;gt;</iframe></div>
после чего в main.css добавьте
.frameWindow {
cursor: pointer;
}
.frameWindow:hover iframe {
display: block;
}
.framebg {
width: 100%;
height: 20px;
background: url("{ASSETS_IMAGES_PATH}картинка");
}
загрузив вместо слова картинка нужную картинку в редакторе шаблонов, которая будет отображаться при скрытом фрейме.

#3 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 08 Февраль 2015 - 10:26

Alekseys, спасибо, сделал как сказали, только вот "height: 20px;" заменил на 1000, но и это не помогло....посмотрите как сейчас отображается....

И вторая часть вопроса - "в идеале, подскажите как под него сделать всплывающее окно и кнопочку с постоянным размещением над боковым меню..."

#4 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 08 Февраль 2015 - 10:36

Просмотр сообщенияRoman_Latyshev (08 Февраль 2015 - 10:26) писал:

Alekseys, спасибо, сделал как сказали, только вот "height: 20px;" заменил на 1000, но и это не помогло....посмотрите как сейчас отображается....

И вторая часть вопроса - "в идеале, подскажите как под него сделать всплывающее окно и кнопочку с постоянным размещением над боковым меню..."
В main.css замените
.framebg {
width: 100%;
height: 1000px;
background: url("{ASSETS_IMAGES_PATH}809.jpg");
}
на
.framebg {
width: 100%;
height: 580px;
background: url("{ASSETS_IMAGES_PATH}809.jpg");
}
и добавьте
.frameWindow iframe {
display: none;
height: 1000px!important;
}


#5 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 08 Февраль 2015 - 10:42

Ок, получилось....
только вот фрейм скрывается как только мышку отводишь в сторону....

Ну и плюсом, все-таки хотелось бы запихнуть его в отдельное всплывающее окно, так можно сделать????

#6 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 08 Февраль 2015 - 11:14

Просмотр сообщенияRoman_Latyshev (08 Февраль 2015 - 10:42) писал:

Ок, получилось....
только вот фрейм скрывается как только мышку отводишь в сторону....

Ну и плюсом, все-таки хотелось бы запихнуть его в отдельное всплывающее окно, так можно сделать????
Здравствуйте, для того что бы добавить всплывающее окно используйте данную инструкцию
http://forum.storela...-делюсь-с-вами/

#7 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 08 Февраль 2015 - 16:54

Просмотр сообщенияИрина345 (08 Февраль 2015 - 11:14) писал:

Здравствуйте, для того что бы добавить всплывающее окно используйте данную инструкцию
http://forum.storela...-делюсь-с-вами/
Спасибо, конечно...но вы меня послали в темный лес....перечитал всю тему - и делают не то что нужно, и у всех ошибки.....

Забыли про кнопку и всплывающее окно....Просто ответьте, кто может...

Писал ранее...

Просмотр сообщенияRoman_Latyshev (08 Февраль 2015 - 10:42) писал:

Ок, получилось....
только вот фрейм скрывается как только мышку отводишь в сторону....
Как зафиксировать фрейм???
Так чтобы он не сворачивался при наведении мышки...или как сделать чтобы он постоянно был открытым на 100% ????
Заходишь на страничку, а там он сразу и отражается...
Мне не нужен скрываемый фрейм, мне нужно так чтобы он постоянно работал....

#8 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 08 Февраль 2015 - 19:43

Вроде бы сам разобрался.....
Надо в main.css ставить

.frameWindow iframe {
display: block;
width:100% !important;
height: 800px!important;
}

тогда и отражаться будет правильно....как хочу.
Я прав?

#9 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 08 Февраль 2015 - 19:49

Просмотр сообщенияRoman_Latyshev (08 Февраль 2015 - 19:43) писал:

Вроде бы сам разобрался.....
Надо в main.css ставить

.frameWindow iframe {
display: block;
width:100% !important;
height: 800px!important;
}

тогда и отражаться будет правильно....как хочу.
Я прав?
Да, можно сделать так.

#10 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 10 Февраль 2015 - 16:56

Подскажите, как поставить на сайт....
не могу, не получается (((


<div id='prodboard-container' style='min-width: 900px;min-height: 600px;\'></div>
<script src='http://code.jquery.c...&#39;></script>
<script src='http://kitchen.prodb...&#39;></script>

#11 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 10 Февраль 2015 - 17:00

Просмотр сообщенияRoman_Latyshev (10 Февраль 2015 - 16:56) писал:

Подскажите, как поставить на сайт....
не могу, не получается (((


<div id='prodboard-container' style='min-width: 900px;min-height: 600px;\'></div>
<script src='http://code.jquery.c...&#39;></script>
<script src='http://kitchen.prodb...&#39;></script>
Здравствуйте.
На какой странице он должен отображаться?

#12 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 10 Февраль 2015 - 17:02

Просмотр сообщенияDanil (10 Февраль 2015 - 17:00) писал:

Здравствуйте.
На какой странице он должен отображаться?
http://romana-mebel....nstruktor-kuhon

#13 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 10 Февраль 2015 - 19:01

Установил практически такой же код на другой странице - все работает, а этот нет....
что и где поменять, добавить? Подскажите...

Сообщение отредактировал Roman_Latyshev: 10 Февраль 2015 - 21:49


#14 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 11 Февраль 2015 - 00:04

У вас отсутствует код iframe в источнике страницы, так же нет необходимости подключать в саму страницу:
<script src='http://code.jquery.com/jquery-2.1.1.min.js'></script>
данное подключение уже имеется в шаблоне HTML, данные дубликаты могут конфликтовать

#15 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 11 Февраль 2015 - 10:01

Просмотр сообщенияVaccina (11 Февраль 2015 - 00:04) писал:

У вас отсутствует код iframe в источнике страницы, так же нет необходимости подключать в саму страницу:
<script src='http://code.jquery.com/jquery-2.1.1.min.js'></script>
данное подключение уже имеется в шаблоне HTML, данные дубликаты могут конфликтовать
А как же мне подключить данный модуль???
Помогите, очень нужно!!!

#16 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 11 Февраль 2015 - 13:04

Ребят, вообще это реально сделать?
Заставить работать два одинаковых модуля работать одновременно?

Сейчас у меня стоит на этой странице модуль конструктора шкафов-купе http://romana-mebel....or-shkafov-kupe

На другой странице стоит http://romana-mebel....nstruktor-kuhon модуль конструктора кухонь.

Вопрос - почему не работает модуль кухонь и как заставить оба модуля работать? Что не так?

Спасибо, всем кто откликнется....

#17 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 11 Февраль 2015 - 17:02

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

#18 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 12 Февраль 2015 - 02:37

Археологи, аууу!!!

Вы меня пошлите уж куда-нибудь, что ли....

#19 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 12 Февраль 2015 - 07:50

У вас не верно указаны адреса файлов для подключений script. Если перейти по адресу файла, то будет отображаться страница с заголовком "Страница не найдена". Проверьте правильность путей к подключаемым файлам.

#20 Roman_Latyshev

Roman_Latyshev

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

  • Пользователи
  • PipPipPipPip
  • 1 048 сообщений

Отправлено 12 Февраль 2015 - 10:13

Спасибо, что ответили...


http://kitchen.prodb...743b4f0ed6/1H6K

http://kitchen.prodb...b4f0ed6/1H6K.js

А как должна выглядеть ссылка?
Просто первая у меня открывается, а вторая нет....




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

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