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


Всплывающее Окно С Размерами


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

#21 tolikkansk

tolikkansk

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

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

Отправлено 08 Сентябрь 2014 - 16:54

вот к примеру на странице http://www.wildberri...270/detail.aspx
когда нажимаешь на подобрать свой размер, появляется всплывающее окно, но не с картинкой,в прописан отдельный стиль

#22 Сake

Сake

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

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

Отправлено 08 Сентябрь 2014 - 23:58

Вместо изображения вы можете использовать html код следующего плана

<script type="text/javascript">
$(document).ready(function() {
$("#size-table-660").click(function() {
$.nyroModalManual({
		 content: $('#size-table-660-content').html(),
		 gallery: null // Gallery name if provided
	 });
return (false);
});
});
</script>
<div id="size-table-660-content" style="display: none;">
<h1>Таблица размеров</h1>
<table width="50%" cellspacing="0" class="tb_ramka">
<thead>
	 <tr>
	 <td width="50%">Российский размер</td>
	 <td width="50%">Размер для заказа</td>
	 </tr>
</thead>
<tbody>
	 <tr class="tr_out1">
	 <td>40</td>
	 <td>XS</td>
	 </tr>
	 <tr class="tr_out2">
	 <td>42</td>
	 <td>S</td>
	 </tr>
	 <tr class="tr_out1">
	 <td>44</td>
	 <td>M</td>
	 </tr>
	 <tr class="tr_out2">
	 <td>46</td>
	 <td>L</td>
	 </tr>
</tbody>
</table>
</div>
<a href="#" id="size-table-660"><ins>(Таблица размеров)</ins></a>

где содержимое блока

<div id="size-table-660-content" style="display: none;">

это отображаемое содержимое в сплывающем окне.

#23 tolikkansk

tolikkansk

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

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

Отправлено 09 Сентябрь 2014 - 08:09

Просмотр сообщенияСake (08 Сентябрь 2014 - 23:58) писал:

Вместо изображения вы можете использовать html код следующего плана

<script type="text/javascript">
$(document).ready(function() {
$("#size-table-660").click(function() {
$(this).nyroModalManual({
		 content: $('.size-table-660-content').html()
		 gallery: null // Gallery name if provided
	 });
return (false);
});
});
</script>
<div id="size-table-660-content" style="display: none;">
<h1>Таблица размеров</h1>
<table width="50%" cellspacing="0" class="tb_ramka">
<thead>
	 <tr>
	 <td width="50%">Российский размер</td>
	 <td width="50%">Размер для заказа</td>
	 </tr>
</thead>
<tbody>
	 <tr class="tr_out1">
	 <td>40</td>
	 <td>XS</td>
	 </tr>
	 <tr class="tr_out2">
	 <td>42</td>
	 <td>S</td>
	 </tr>
	 <tr class="tr_out1">
	 <td>44</td>
	 <td>M</td>
	 </tr>
	 <tr class="tr_out2">
	 <td>46</td>
	 <td>L</td>
	 </tr>
</tbody>
</table>
</div>
<a href="#" id="size-table-660"><ins>(Таблица размеров)</ins></a>

где содержимое блока

<div id="size-table-660-content" style="display: none;">

это отображаемое содержимое в сплывающем окне.

Спасибо большое! Но теперь выдает js-ошибку.

#24 Dars

Dars

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

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

Отправлено 09 Сентябрь 2014 - 08:18

Просмотр сообщенияtolikkansk (09 Сентябрь 2014 - 08:09) писал:

Спасибо большое! Но теперь выдает js-ошибку.
В шаблоне "Товар" найдите код:

content: $('.size-table-660-content').html()
gallery: null // Gallery name if provided

и замените его на:

content: $('.size-table-660-content').html(),
gallery: null // Gallery name if provided


#25 tolikkansk

tolikkansk

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

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

Отправлено 09 Сентябрь 2014 - 18:22

Теперь когда нажимаешь на таблицу размеров, просто черное окно.

#26 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 09 Сентябрь 2014 - 18:30

Просмотр сообщенияtolikkansk (09 Сентябрь 2014 - 18:22) писал:

Теперь когда нажимаешь на таблицу размеров, просто черное окно.
Здравствуйте.
У нас отображается таблица размеров, попробуйте почистить кэш.

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

  • 111111111111111111111.png


#27 tolikkansk

tolikkansk

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

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

Отправлено 09 Сентябрь 2014 - 18:37

Я когда нажимаю, у меня вот что появляется:
Кэш почистил

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

  • size.png


#28 Сake

Сake

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

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

Отправлено 10 Сентябрь 2014 - 01:52

Замените в вашем шаблоне "Товар" код

<script type="text/javascript">
$(document).ready(function() {
$("#size-table-660").click(function() {
   $(this).nyroModalManual({
				  content: $('.size-table-660-content').html(),
				  gallery: null // Gallery name if provided
				});
   return (false);
});
});
</script>

на следующий код

<script type="text/javascript">
$(function () {
  $('#size-table-660').click(function () {
	$.nyroModalManual({
	  content: $('#size-table-660-content').html(),
	  gallery: null
	});
	return (false);
  });
});
</script>


#29 tolikkansk

tolikkansk

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

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

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

Не всплывает окно, когда нажимаешь http://dochkam-sinoc...i-13#show_tab_2

Вот код
<script type="text/javascript">
$(function () {
  $('#size-table-660').click(function () {
		$.nyroModalManual({
		  content: $('#size-table-660-content').html(),
		  gallery: null
		});
		return (false);
  });
});
</script>

<div id="size-table-660-content" style="display: none;">
  <h1>Таблица размеров</h1>
  <table width="50%" cellspacing="0" class="tb_ramka">
		<thead>
		  <tr>
				<td width="50%">Российский размер</td>
				<td width="50%">Размер для заказа</td>
		  </tr>
		</thead>
		<tbody>
		  <tr class="tr_out1">
				<td>40</td>
				<td>XS</td>
		  </tr>
		  <tr class="tr_out2">
				<td>42</td>
				<td>S</td>
		  </tr>
		  <tr class="tr_out1">
				<td>44</td>
				<td>M</td>
		  </tr>
		  <tr class="tr_out2">
				<td>46</td>
				<td>L</td>
		  </tr>
		</tbody>
  </table>
</div>
<a href="#" id="size-table-660"><ins>(Таблица размеров)</ins></a>

Номер аккаунта:

SL-298123,



#30 tolikkansk

tolikkansk

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

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

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

Модераторы, вы так и будете меня игнорить?

#31 Vaccina

Vaccina

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

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

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

У вас отсутствует nyroModalManual на указанном вами сайте. Вместо него используйте fancybox. Код будет иметь вид

<script type="text/javascript">
$(function () {
  $('#size-table-660').click(function () {
		$.fancybox({
		  content: $('#size-table-660-content').html(),
		  gallery: null
		});
		return (false);
  });
});
</script>


#32 tolikkansk

tolikkansk

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

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

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

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

У вас отсутствует nyroModalManual на указанном вами сайте. Вместо него используйте fancybox. Код будет иметь вид

<script type="text/javascript">
$(function () {
$('#size-table-660').click(function () {
	 $.fancybox({
		 content: $('#size-table-660-content').html(),
		 gallery: null
	 });
	 return (false);
});
});
</script>
Спасибо большое!




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

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