Отключен JavaScript

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

12

Сделал Всплывающее Окно - Делюсь С Вами

Автор Братишка, 15 дек. 2012 14:44

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 142

#101 Наталья11111

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

Пользователи
397 сообщений

Отправлено 26 Ноябрь 2014 - 19:28

Добрый вечер!

Подскажите как сделать вот такое окно, чтобы было только изображение?

http://moscow.arkhyz-visma.ru/

Наверх

#102 Dars

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

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

Отправлено 26 Ноябрь 2014 - 20:08

Наталья11111 (26 Ноябрь 2014 - 19:28) писал:

Добрый вечер!

Подскажите как сделать вот такое окно, чтобы было только изображение?

http://moscow.arkhyz-visma.ru/

Для какого аккаунта? Также лучше сразу и картинку указать.

Наверх

#103 Наталья11111

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

Пользователи
397 сообщений

Отправлено 26 Ноябрь 2014 - 20:35

Сорри, забыла уточнить Аккаунт SL-298479

Dars (26 Ноябрь 2014 - 20:08) писал:

Для какого аккаунта? Также лучше сразу и картинку указать.

Аккаунт Аккаунт SL-298479

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

Наверх

#105 Наталья11111

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

Пользователи
397 сообщений

Отправлено 27 Ноябрь 2014 - 03:37

Vaccina (27 Ноябрь 2014 - 02:44) писал:

воспользуйтесь следующей инструкцией:
http://forum.storela..._80#entry169430

только вместо:

<div id="popup">
<h1>«Практика резиновой верстки сайта»</h1>
<a href="http://webformyself.com/aff/dobrovoi/practicerubber"><img src="http://dbmast.ru/wp-content/uploads/2012/11/DVD009.jpg" width="190" height="252" alt="Практический курс резиновой верстки" style="float:left;margin:5px 10px 5px 0; border:0; " /></a>
<h2>Уважаемые друзья!</h2>
Обращаю Ваше внимание, что <strong>27</strong> ноября, мои коллеги из команды <strong>WebForMySelf</strong> запустили абсолютно новый обучающий курс:<p> <a href="http://webformyself.com/aff/dobrovoi/practicerubber">«Практика резиновой верстки сайта»</a></p>
<p>Хотите, чтобы ваш сайт отображался красиво и элегантно в широкоформатных мониторах и также красиво, и аккуратно ужимался в узких?</p>
<p><h2> Тогда не тяните резину !</h2></p>
Видеокурс "Практика резиновой верстки сайта" - это <strong>37</strong> качественных уроков, более <strong>19</strong> часов видео с подробными инструкциями.
<p>Без воды. Лишней теории. Убитого времени. Просто взять и сделать!<p>
<p style="text-align: center;"><strong><a class="button" href="http://webformyself.com/aff/dobrovoi/practicerubber">Получить »</a></strong></p>
<a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a>
</div>

используйте:

<div id="popup">
<img src="ссылка на картинку" alt="" />
<a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a>
</div>

Сделала, выдает 3 js ошибки, не закрывает окно и идет сверху над меню. как подправить?

Наверх

#106 Vaccina

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

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

Отправлено 27 Ноябрь 2014 - 04:17

почистите кэш, у меня всплывает окно, только картинку не отображает, возможно ссылку к ней неправильно указали

Наверх

#107 Наталья11111

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

Пользователи
397 сообщений

Отправлено 27 Ноябрь 2014 - 04:24

Разобралась, спасибо)))

Наверх

#108 Tyumenn

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

Пользователи
259 сообщений

Отправлено 28 Январь 2015 - 20:02

Как реализовать следующее:

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

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

Как это можно реализовать?

Наверх

#109 Vaccina

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

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

Отправлено 31 Январь 2015 - 01:09

В разделе Сайт - Страница - создаете страницу с названием "Прайс" и в сео разделе ссылку укажите в виде "price", далее в разделе Редактор тем заходите в шаблон Страница, в начале кода вставляете:

{% IFNOT PAGE_NAME = Прайс %}

В самом конц шаблона вставляете:

{% ELSE %}
код формы прайса
{% ENDIF %}

Далее в необходимом месте шаблона HTML или Товар вставляете ссылку, при клике на которую будет всплывать окно

<a class="callme fancybox.ajax" href="http://{NET_DOMAIN}/page/price?only_body=1">Прайс</a>

Далее в шаблоне HTML перед </head> вставьте:

<script>
				 $(document).ready(function() {
$(".callme").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

Наверх

#110 Tyumenn

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

Пользователи
259 сообщений

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

Vaccina (31 Январь 2015 - 01:09) писал:

Далее в необходимом месте шаблона HTML или Товар вставляете ссылку, при клике на которую будет всплывать окно

<a class="callme fancybox.ajax" href="http://{NET_DOMAIN}/page/price?only_body=1">Прайс</a>

Далее в шаблоне HTML перед </head> вставьте:

<script>
				 $(document).ready(function() {
$(".callme").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

Куда вставить ссылку, если мне нужно чтобы при нажатии на раздел Прайс всплывало окно?

И куда вставить код моей формы подписки?

Наверх

#111 Ирина345

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

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

Отправлено 03 Февраль 2015 - 20:28

Tyumenn (03 Февраль 2015 - 18:12) писал:

Куда вставить ссылку, если мне нужно чтобы при нажатии на раздел Прайс всплывало окно?

И куда вставить код моей формы подписки?

здравствуйте, найдите HTML

<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>

замените на

<li>
					   {% IF menu.header.links.NAME=Прайс%}

					   <a class="callme fancybox.ajax" href="http://{NET_DOMAIN}/page/price?only_body=1">Прайс</a>{%ELSE%}
					   <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
						 {% ENDIF %}

					   </li>

далее в найдите

  </head>

перед вставьте

<script>
								 $(document).ready(function() {
$(".callme").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

Наверх

#112 Rosalina

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

Пользователи
233 сообщений

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

Сделала всплывающее окно, выпрыгивает постоянно, да еще и сайт немного поплыл. Помогите, где ошибка.
zimaleto-perm.ru

Наверх

#113 Vaccina

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

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

Отправлено 06 Февраль 2015 - 03:31

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

Наверх

#114 Rosalina

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

Пользователи
233 сообщений

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

Нет, я специально оставила так, как есть, чтобы увидели что происходит. Окно всплывает постоянно, при переходе на каждую страницу.

Наверх

#115 Vaccina

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

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

Отправлено 06 Февраль 2015 - 06:34

Вы выполняли следующую инструкцию по запоминанию и последующему запрету вывода окна?
http://forum.storela...ами/#entry50607

Наверх

#116 Rosalina

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

Пользователи
233 сообщений

Отправлено 06 Февраль 2015 - 21:03

Vaccina (06 Февраль 2015 - 06:34) писал:

Вы выполняли следующую инструкцию по запоминанию и последующему запрету вывода окна?
http://forum.storela...ами/#entry50607

Все делала от и до, по несколько раз, посмотрите еще, пожалуйста.

http://zimaleto-perm.ru/

Наверх

#117 Vaccina

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

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

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

В шаблоне HTML найдите:

<script type="text/javascript">
var delay_popup = 5000;
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
</script>

замените на:

<script language="javascript">
if (document.cookie.indexOf('_visited=1') == -1) {
var delay_popup = 5000;
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
document.cookie = '_visited=1; path=/';
}
</script>

Наверх

#118 Rosalina

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

Пользователи
233 сообщений

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

Vaccina (07 Февраль 2015 - 02:19) писал:

В шаблоне HTML найдите:

<script type="text/javascript">
var delay_popup = 5000;
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
</script>

замените на:

<script language="javascript">
if (document.cookie.indexOf('_visited=1') == -1) {
var delay_popup = 5000;
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
document.cookie = '_visited=1; path=/';
}
</script>

Ну короче, ничего не получается. Я 55 раз все переделала, все перепробовала. Чтобы посетителей не пугать, решила пробовать на другом. Ситуация такая же. Ну помогите, вообще нужная вещь и никак запустить нормально не могу. Насколько я понимаю, не только у меня такие проблемы. Сейчас пробую тут http://x72368.storeland.ru/

Наверх

#119 Rosalina

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

Пользователи
233 сообщений

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

Rosalina (07 Февраль 2015 - 15:38) писал:

Ну короче, ничего не получается. Я 55 раз все переделала, все перепробовала. Чтобы посетителей не пугать, решила пробовать на другом. Ситуация такая же. Ну помогите, вообще нужная вещь и никак запустить нормально не могу. Насколько я понимаю, не только у меня такие проблемы. Сейчас пробую тут http://x72368.storeland.ru/

Ну помогите же!!!
Аккаунт SL-332045

Наверх

#120 Vaccina

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

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

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

Проверила http://x72368.storeland.ru/ у вас всплывающее окно работает корректно, всплывает один раз, при последующей перезагрузке страницы или переходе на иную страницу оно не появляется.