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

[Yurren]

Доброго дня!
Хочется сделать что то очень похожее.
При нажатие на ссылку "таблица размеров" http://joxi.ru/OTnKU_3JTJAsGk4305s основное окно в меру затеняется и появляется сама таблица с размерами и крестиком сверху для ее закрытия http://joxi.ru/UjnKU_3JTJDjR4Da6NE.
Как это можно осуществить?
Страница оригинала: http://giulia.ua/cat...body_dolcevita/

Заранее спасибо откликнувшимся

[Castiel]

Yurren (19 Июль 2014 - 12:28) писал:

Доброго дня!
Хочется сделать что то очень похожее.
При нажатие на ссылку "таблица размеров" http://joxi.ru/OTnKU_3JTJAsGk4305s основное окно в меру затеняется и появляется сама таблица с размерами и крестиком сверху для ее закрытия http://joxi.ru/UjnKU_3JTJDjR4Da6NE.
Как это можно осуществить?
Страница оригинала: http://giulia.ua/cat...body_dolcevita/

Заранее спасибо откликнувшимся

Здравствуйте, вставьте данный код в нужное место. Рекомендуем в Полное СЕО описание или в Полное Описание товара, через кнопку источник.

<script type="text/javascript">
<!--
$(document).ready(function() {
	$("#size-table-660").fancybox({
		  helpers: {
			  title : {
				  type : 'float'
			  }
		  }
	  });
});

-->
</script><a href="http://giulia.ua/var/media/images/structure/core_structure_image3_657.jpg" id="size-table-660"><ins>(Таблица размеров)</ins></a>

[Yurren]

Castiel (19 Июль 2014 - 12:35) писал:

Здравствуйте, вставьте данный код в нужное место. Рекомендуем в Полное СЕО описание или в Полное Описание товара, через кнопку источник.

<script type="text/javascript">
<!--
$(document).ready(function() {
$("#size-table-660").fancybox({
helpers: {
title : {
type : 'float'
}
}
});
});

-->
</script><a href="http://giulia.ua/var/media/images/structure/core_structure_image3_657.jpg" id="size-table-660"><ins>(Таблица размеров)</ins></a>

Спасибо! Почти получилось... http://joxi.ru/8z3KU4wyTJAcNagIoV4
Подскажите плиз, как ещё эту картинку наверх из-под фото вытащить?

[Castiel]

Yurren (19 Июль 2014 - 12:47) писал:

Спасибо! Почти получилось... http://joxi.ru/8z3KU4wyTJAcNagIoV4
Подскажите плиз, как ещё эту картинку наверх из-под фото вытащить?

Пришлите пожалуйста прямую ссылку на товар где установлен данный код

[Yurren]

Castiel (19 Июль 2014 - 12:49) писал:

Пришлите пожалуйста прямую ссылку на товар где установлен данный код

[Castiel]

Yurren (19 Июль 2014 - 12:50) писал:

http://kolgotki63.ru...NGVm#show_tab_1

В шаблоне "Товар"
Находим:

<div id="wrap" style="top:0px;z-index:9999;position:relative;background: #fff;margin: 0 auto;text-align: center;">

Заменяем на:

<div id="wrap" style="top:0px;z-index:9;position:relative;background: #fff;margin: 0 auto;text-align: center;">

[Yurren]

Castiel (19 Июль 2014 - 12:52) писал:

В шаблоне "Товар"
Находим:

<div id="wrap" style="top:0px;z-index:9999;position:relative;background: #fff;margin: 0 auto;text-align: center;">

Заменяем на:

<div id="wrap" style="top:0px;z-index:9;position:relative;background: #fff;margin: 0 auto;text-align: center;">

Огромное спасибо! Все получилось!!!!

Уберите пожалуйста из предыдущего сообщения активную ссылку!

[tolikkansk]

Castiel (19 Июль 2014 - 12:35) писал:

Здравствуйте, вставьте данный код в нужное место. Рекомендуем в Полное СЕО описание или в Полное Описание товара, через кнопку источник.

<script type="text/javascript">
<!--
$(document).ready(function() {
$("#size-table-660").fancybox({
helpers: {
title : {
type : 'float'
}
}
});
});

-->
</script><a href="http://giulia.ua/var/media/images/structure/core_structure_image3_657.jpg" id="size-table-660"><ins>(Таблица размеров)</ins></a>

Я так понимаю, это вставлять не в html код, а в описание товара или куда? Подскажите, пожалуйста.

[MikDark]

tolikkansk (19 Июль 2014 - 20:48) писал:

Я так понимаю, это вставлять не в html код, а в описание товара или куда? Подскажите, пожалуйста.

Да, в описание товара.

[tolikkansk]

То есть это надо будет каждый раз вводить? А можно это как-то интегрировать в html?

[MikDark]

tolikkansk (19 Июль 2014 - 20:54) писал:

То есть это надо будет каждый раз вводить? А можно это как-то интегрировать в html?

Смотря где Вам нужно разместить ссылку.

[Yurren]

После этой модернизации в хроме появилась от 1 до 3 ошибок js http://joxi.ru/4bzKU_3JTJDsR2ztGx8
(хотя может быть и не из-за этого, но в код давно не лазил, а заметил только после сегодняшнего изменения)
Пишет: Uncaught TypeError: Failed to execute 'animate' on 'Element': 1 argument required, but only 0 present.
ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js:2

Только в хроме, в опере ошибки не пишет...

Можно как нибудь это недоразумение исправить!

[MikDark]

Yurren (19 Июль 2014 - 21:50) писал:

После этой модернизации в хроме появилась от 1 до 3 ошибок js http://joxi.ru/4bzKU_3JTJDsR2ztGx8
(хотя может быть и не из-за этого, но в код давно не лазил, а заметил только после сегодняшнего изменения)
Пишет: Uncaught TypeError: Failed to execute 'animate' on 'Element': 1 argument required, but only 0 present.
ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js:2

Только в хроме, в опере ошибки не пишет...

Можно как нибудь это недоразумение исправить!

Уточните, на каком товаре можно посмотреть?

[Yurren]

MikDark (19 Июль 2014 - 21:52) писал:

Уточните, на каком товаре можно посмотреть?

у меня показывает на всех в хроме - через 3-5 сек после загрузки.

Yurren (19 Июль 2014 - 22:05) писал:

у меня показывает на всех в хроме - через 3-5 сек после загрузки.

Оказывается не на всех!!! На товарах где вставлен этот код ошибка в хроме не показывается !!!! (последние 18 товаров в новинках по дате)
Значит проблема действительно в коде...

[tolikkansk]

MikDark (19 Июль 2014 - 21:03) писал:

Смотря где Вам нужно разместить ссылку.

Чтобы она отображалась у каждого товара, т.е. вставить дополнительный блок может быть в карточке товара.

[tolikkansk]

Castiel (19 Июль 2014 - 12:35) писал:

Здравствуйте, вставьте данный код в нужное место. Рекомендуем в Полное СЕО описание или в Полное Описание товара, через кнопку источник.

<script type="text/javascript">
<!--
$(document).ready(function() {
$("#size-table-660").fancybox({
helpers: {
title : {
type : 'float'
}
}
});
});

-->
</script><a href="http://giulia.ua/var/media/images/structure/core_structure_image3_657.jpg" id="size-table-660"><ins>(Таблица размеров)</ins></a>

Почему когда я вставляю данный код, у меня переходит на другую страницу и выдается JS ошибка?

[MikDark]

tolikkansk (21 Июль 2014 - 06:03) писал:

Почему когда я вставляю данный код, у меня переходит на другую страницу и выдается JS ошибка?

Приведите пример товара, где этот код установлен

[Сake]

tolikkansk (21 Июль 2014 - 06:03) писал:

Почему когда я вставляю данный код, у меня переходит на другую страницу и выдается JS ошибка?

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

<script type="text/javascript">
$(document).ready(function() {
$("#size-table-660").click(function() {
   $(this).nyroModalManual({
	  gallery: null // Gallery name if provided
	});
   return (false);
});
});
</script>
<a href="http://giulia.ua/var/media/images/structure/core_structure_image3_657.jpg" id="size-table-660"><ins>(Таблица размеров)</ins></a>

[tolikkansk]

А можно ли сделать, чтобы загружалась не картинка, а стили?

[Ирина345]

tolikkansk (07 Сентябрь 2014 - 18:20) писал:

А можно ли сделать, чтобы загружалась не картинка, а стили?

Здравствуйте, уточните о чем конкретно идет речь?