Попап картинки больше не появляються =(

[dominion1986 1]

Перезалил картинки по фтп. После в карточке товара при нажатии на картинку больше неоткрывается попап изображение.. клацаю а активности нет . как будто это гдето отключилось как функция =(( что делать???

[support 447]

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

[dominion1986 1]

ссылка на локальной сайте.В "денвере" на компе... я сначало там все изменения делаю а потом на реальный сайт вешаю... щас тогда залью на реальный сайт и кину ссылку...

[support 447]

Хорошо

[velos 0]

Добрый день
Подскажите, пожалуйста, сейчас у нас картинка с карточки товара при клике отрывается в новом окне. Можно ли сделать, чтобы картинка открывалась в pop-up виде? Спасибо

[support 447]

Наверное дело в Вашем шаблоне.

Нужно ссылки указать атрибут class="iframe"

Покажите пример страницы, скажу точнее, что и как добавлять.

Можно и пример демки посмотреть - http://demo.vamshop.ru/samsung-galaxy-note-3.html

[velos 0]

Пример страницы: https://vamvelosiped.ru/sidene-detskoe-universalnoe-na-bagazhnikpodsedelnuju-trubu-5-259845.html
Спасибо

Изменено 16 сентября, 2015 пользователем velos

[support 447]

Так у Вас так сделан шаблон, т.е. у Вас картинки в popup не открывается, а выводятся в виде зума.

У Вас class="cloud-zoom" задан у картинки.

Это я так понял для скрипта зума картинки.

Изменено 16 сентября, 2015 пользователем VaM

[velos 0]

Подскажите, пожалуйста, как сделать поп-ап как в демке? http://demo.vamshop.ru/samsung-galaxy-note-3.html
В каком файле класс меняется?
 

[support 447]

Вы хотите, что б у Вас был и зум и popup одновременно?!

Я даже не знаю, не будут ли конфликтовать скрипты.

Вам нужно в /includes/header.php, что б в условии if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO)) { ... }:

был код для картинок, т.к. как по умолчанию:

<?php
if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO)) {
?>
<link rel="stylesheet" type="text/css" href="jscript/jquery/plugins/colorbox/colorbox.css" media="screen" />
<script type="text/javascript" src="jscript/jquery/plugins/colorbox/jquery.colorbox-min.js"></script>
<?php
if (file_exists(DIR_FS_CATALOG.'jscript/jquery/plugins/colorbox/i18n/jquery.colorbox-'.$_SESSION['language_code'].'.js')) {
?>
<script type="text/javascript" src="jscript/jquery/plugins/colorbox/i18n/jquery.colorbox-ru.js"></script>
<?php } ?>
<script type="text/javascript">
// Make ColorBox responsive
	jQuery.colorbox.settings.maxWidth  = '95%';
	jQuery.colorbox.settings.maxHeight = '95%';

	// ColorBox resize function
	var resizeTimer;
	function resizeColorBox()
	{
		if (resizeTimer) clearTimeout(resizeTimer);
		resizeTimer = setTimeout(function() {
				if (jQuery('#cboxOverlay').is(':visible')) {
						jQuery.colorbox.load(true);
				}
		}, 300);
	}

	// Resize ColorBox when resizing window or changing mobile device orientation
	jQuery(window).resize(resizeColorBox);
	
$(document).ready(function(){
  $(".lightbox").colorbox({rel:"lightbox", title: false});
  $(".iframe").colorbox({iframe:true, width:"30%", height:"80%"});
});
</script>
<?php
 }
?>

и в шабле карточки товара /templates/veloresp/module/product_info/ заменить class="cloud-zoom" на class="cloud-zoom lightbox" или на class="lightbox"

 

Как-то так, примерно.

[velos 0]

Не выходит. Заменил код в header на приведенный выше, в product_info/ - class поменял, Пропал значок зума, а поп-так и не появился
Можете привести файлы header и product_info, попробую разобраться по примеру

[support 447]

Вроде не изменилось ничего на сайте и в коде не видно ничего.

Файлы можно взять из архива vamshop.ru/vamshop-demo.zip

Только свои файлы тоже сохраните, они наверняка у Вас отличаются.

[velos 0]

Спасибо
Пробую на тестовом сайте: http://velotest.widegroup.ru/detskoe-velokreslo-thule-ridealong-svetlo-seroe-zadnee-ot-9-mesyacev-do-6let-22kg-100101_100101.html

[support 447]

У Вас нет кода для colorbox, поэтому и не открывается.

т.е. того кода, что я выше писал нет, поэтому скрипт открытия popup и не работает.

Можете попробовать оствить всё как есть, а просто в шаблон карточки товара /templates/шаблон/module/product_info/ сверху добавить:

<script type="text/javascript">
// Make ColorBox responsive
	jQuery.colorbox.settings.maxWidth  = '95%';
	jQuery.colorbox.settings.maxHeight = '95%';

	// ColorBox resize function
	var resizeTimer;
	function resizeColorBox()
	{
		if (resizeTimer) clearTimeout(resizeTimer);
		resizeTimer = setTimeout(function() {
				if (jQuery('#cboxOverlay').is(':visible')) {
						jQuery.colorbox.load(true);
				}
		}, 300);
	}

	// Resize ColorBox when resizing window or changing mobile device orientation
	jQuery(window).resize(resizeColorBox);
	
$(document).ready(function(){
  $(".lightbox").colorbox({rel:"lightbox", title: false});
  $(".iframe").colorbox({iframe:true, width:"30%", height:"80%"});
});
</script>