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


Всплывающее Окно


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

#1 zabota-mama

zabota-mama

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

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

Отправлено 16 Июнь 2016 - 14:57

Добрый день.

В Полном описании в карточке товара реализована всплывающая картинка в виде кода:
<div style="text-align: center;"><span style="font-size:16px;"><script type="text/javascript">
$(document).ready(function() {
$("#size-table-660").click(function() {
   $(this).nyroModalManual({
		  gallery: null // Gallery name if provided
		});
   return (false);
});
});
</script> <span style="font-size:18px;"><a href="http://st.zabota-mama.ru/12/news/files/1/21/10002/shapki-razmer.png" id="size-table-660"><ins>Определите свой размер</ins></a></span></span></div>

Можно ли вместо ссылки на картинку в этом коде использовать ссылку на табличку из кода ниже?
То есть код ниже запихнуть куда-нить в админку магазина, и эту ссылку использовать вместо ссылки на картинку.

<table align="center" border="1" cellspacing="0" width="99%">
  <tbody>
	<tr>
	  <td colspan="11" height="40"><p align="center"><strong>Таблица соответствия размеров женской обуви</strong></p></td>
	</tr>
	<tr valign="middle">
	  <td align="center" height="40" width="20%"><strong>Сантиметры</strong></td>
	  <td align="center" height="40" width="8%">21.5</td>
	  <td align="center" height="40" width="8%">22</td>
	  <td align="center" height="40" width="8%">22.5</td>
	  <td align="center" height="40" width="8%">23</td>
	  <td align="center" height="40" width="8%">23.5</td>
	  <td align="center" height="40" width="8%">24</td>
	  <td align="center" height="40" width="8%">24.5</td>
	  <td align="center" height="40" width="7%">25</td>
	  <td align="center" height="40" width="8%">25.5</td>
	  <td align="center" height="40" width="8%">26</td>
	</tr>
	<tr valign="middle">
	  <td align="center" height="40" width="20%"><strong>Россия</strong></td>
	  <td align="center" height="40" width="8%">34</td>
	  <td align="center" height="40" width="8%">34.5</td>
	  <td align="center" height="40" width="8%">35</td>
	  <td align="center" height="40" width="8%">35.5</td>
	  <td align="center" height="40" width="8%">36</td>
	  <td align="center" height="40" width="8%">36.5</td>
	  <td align="center" height="40" width="8%">37</td>
	  <td align="center" height="40" width="8%">37.5</td>
	  <td align="center" height="40" width="8%">38</td>
	  <td align="center" height="40" width="8%">38.5</td>
	</tr>
  </tbody>
</table>


#2 MikDark

MikDark

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

  • Модераторы
  • 6 402 сообщений

Отправлено 16 Июнь 2016 - 15:07

Просмотр сообщенияzabota-mama (16 Июнь 2016 - 14:57) писал:

Добрый день.

В Полном описании в карточке товара реализована всплывающая картинка в виде кода:
<div style="text-align: center;"><span style="font-size:16px;"><script type="text/javascript">
$(document).ready(function() {
$("#size-table-660").click(function() {
$(this).nyroModalManual({
		 gallery: null // Gallery name if provided
	 });
return (false);
});
});
</script> <span style="font-size:18px;"><a href="http://st.zabota-mama.ru/12/news/files/1/21/10002/shapki-razmer.png" id="size-table-660"><ins>Определите свой размер</ins></a></span></span></div>

Можно ли вместо ссылки на картинку в этом коде использовать ссылку на табличку из кода ниже?
То есть код ниже запихнуть куда-нить в админку магазина, и эту ссылку использовать вместо ссылки на картинку.

<table align="center" border="1" cellspacing="0" width="99%">
<tbody>
<tr>
	 <td colspan="11" height="40"><p align="center"><strong>Таблица соответствия размеров женской обуви</strong></p></td>
</tr>
<tr valign="middle">
	 <td align="center" height="40" width="20%"><strong>Сантиметры</strong></td>
	 <td align="center" height="40" width="8%">21.5</td>
	 <td align="center" height="40" width="8%">22</td>
	 <td align="center" height="40" width="8%">22.5</td>
	 <td align="center" height="40" width="8%">23</td>
	 <td align="center" height="40" width="8%">23.5</td>
	 <td align="center" height="40" width="8%">24</td>
	 <td align="center" height="40" width="8%">24.5</td>
	 <td align="center" height="40" width="7%">25</td>
	 <td align="center" height="40" width="8%">25.5</td>
	 <td align="center" height="40" width="8%">26</td>
</tr>
<tr valign="middle">
	 <td align="center" height="40" width="20%"><strong>Россия</strong></td>
	 <td align="center" height="40" width="8%">34</td>
	 <td align="center" height="40" width="8%">34.5</td>
	 <td align="center" height="40" width="8%">35</td>
	 <td align="center" height="40" width="8%">35.5</td>
	 <td align="center" height="40" width="8%">36</td>
	 <td align="center" height="40" width="8%">36.5</td>
	 <td align="center" height="40" width="8%">37</td>
	 <td align="center" height="40" width="8%">37.5</td>
	 <td align="center" height="40" width="8%">38</td>
	 <td align="center" height="40" width="8%">38.5</td>
</tr>
</tbody>
</table>

Здравствуйте. Попробуйте таблицу поместить в самый низ шаблона HTML, только замените в ней:
<table align="center" border="1" cellspacing="0" width="99%">

на

<table align="center" border="1" cellspacing="0" width="99%" id="size" style="display:none;">

а код:
<a href="http://st.zabota-mama.ru/12/news/files/1/21/10002/shapki-razmer.png" id="size-table-660">

замените на:

<a href="#size" id="size-table-660">


#3 zabota-mama

zabota-mama

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

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

Отправлено 17 Июнь 2016 - 18:22

Не повредит ли такой код при индексации страниц роботами? Или они его не увидят?
У меня ожидается ряд таких таблиц, не будет ли мусорно в html.

Нет ли других вариантов?

#4 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 18 Июнь 2016 - 06:14

Как вариант, можно для каждой таблицы создать отдельную страницу\новость(скрыть соответственно) и в js уже указывать тело всплывающей страницы, на которой будут таблицы.




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

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