Авторизация  
maxbor

Как подключить скрипт colorbox на всех страницах?

Рекомендуемые сообщения

maxbor

Как сделать, так чтобы колорбокс работал на всех страницах, а не только в продукт_инфо?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
support
1 час назад, maxbor сказал:

Как сделать, так чтобы колорбокс работал на всех страницах, а не только в продукт_инфо?

В /includes/header.php поменять:

<?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
 }
?>

на:

<?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
 //}
?>

т.е. закоментироваить сверху условие и снизу.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
maxbor

Я так и думал, только как сделать не знал. Спасибо.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
support

Не за что

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
maxbor

Здравствуйте, Александр, обновился до версии 1.97, и не могу теперь в файле header.php опять включить colorbox для всех страниц.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
support
4 минуты назад, maxbor сказал:

Здравствуйте, Александр, обновился до версии 1.97, и не могу теперь в файле header.php опять включить colorbox для всех страниц.

Здравствуйте!

Сейчас подключение js и css вынесено из /includes/header.php (что б вообще не затрагивать этот файл обновлениями) перенесено в файлы шаблона.

Скрипты в /templates/vamshop1/javscript/script.php

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

т.е. в указанно файле поменяйте код:

<?php
if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO)) {
?>
<script 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 src="jscript/jquery/plugins/colorbox/i18n/jquery.colorbox-ru.js"></script>
<?php } ?>
<script>
// 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
 }
?>

на:

<?php
//if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO)) {
?>
<script 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 src="jscript/jquery/plugins/colorbox/i18n/jquery.colorbox-ru.js"></script>
<?php } ?>
<script>
// 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
 //}
?>

Тогда, по идее, будет выводиться на всех страницах.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
maxbor

Спасибо большое.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
support

Не за что

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
maxbor

Что-то глючит. На странице product_info, нормально работает, а на других страницах, криво выводится.

Нужно еще вот эту строчку добавить 

<link rel="stylesheet" type="text/css" href="jscript/jquery/plugins/colorbox/colorbox.css" media="screen" />, скрипт подключился, а таблица стилей нет.

Как ее подключить?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
maxbor

Нашел, нужно в файле css.php вывод этой строки только на странице product_info тоже закоментировать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
support
2 минуты назад, maxbor сказал:

Нашел, нужно в файле css.php вывод этой строки только на странице product_info тоже закоментировать.

Да, а css в /templates/vamshop1/css/css.php

Опять же, тоже было всё перенесено в шаблон, что б не затрагивалось обновлениями.

т.е. свой шаблон созадёте и он обновлениями не будет затронут.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
Авторизация