Добавляем показ pop-up картинок в листинге товаров VamShop - Шаблоны VamShop
У нас Vam Shop стоит дешевле на 25%
Ваша корзинаВ корзине: 0 товар(ов).
Продвижение сайта собственным контентом
Информация
Уточните все вопросы и сделайте заказ:
E-mail: monamurs@gmail.com
ICQ: 5864444
Мой статусSkype: lifemakeroff
Способы оплаты:
Webmoney,
Money.Yandex,
QIWI,
карта Сбербанка РФ,
Paypal,
а также системы переводов: Контакт, Анелик, Аллюр, Western Union.
Шаблоны для интернет-магазинов. Нами украшено более 400 магазинов!
Отзывы more
Шаблон VamShop
6 июля 2011 Шевченко Игорь Олегович (igor.shevchenko{собачка}severstal.com) написал отзыв: Сделано все очень оперативно, но преимущество даже не столько в этом. В первый раз [...]

5 из 5 звёзд!

Добавляем показ pop-up картинок в листинге товаров VamShop

Для добавления наших попап картинок нужно проделать следующее:
1. Подключаем jquery & fancybox для всех страниц магазина, по умолчанию подключен только на странице карточки товара.
Для этого в файле includes/header.php код:

<?php
if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO)) {
?>
<script type="text/javascript" src="jscript/jquery/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="jscript/jquery/plugins/fancybox/jquery.fancybox-1.2.5.css" media="screen" />
<script type="text/javascript" src="jscript/jquery/plugins/fancybox/jquery.fancybox-1.2.5.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.zoom").fancybox({
"zoomOpacity" : true,
"overlayShow" : false,
"zoomSpeedIn" : 500,
"zoomSpeedOut" : 500
});
});
</script>
<?php
}
?>

изменяем на:

<script type="text/javascript" src="jscript/jquery/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="jscript/jquery/plugins/fancybox/jquery.fancybox-1.2.5.css" media="screen" />
<script type="text/javascript" src="jscript/jquery/plugins/fancybox/jquery.fancybox-1.2.5.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.zoom").fancybox({
"zoomOpacity" : true,
"overlayShow" : false,
"zoomSpeedIn" : 500,
"zoomSpeedOut" : 500
});
});
</script>

далее к примеру если нужно добавить pop-up на главную страницу в новинках то в файле /templates/vamshop/module/new_products_default.html код:

{if $module_data.PRODUCTS_IMAGE}<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" title="{$module_data.PRODUCTS_NAME}" /></a><br />{/if}

изменяем на:

{if $module_data.PRODUCTS_IMAGE}
<a href="{$module_data.PRODUCTS_IMAGE|replace:'thumbnail_images':'popup_images'}">
<img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" title="{$module_data.PRODUCTS_NAME}" />
</a>
<br />
{/if}

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

Есть еще варианты реализации, но этот, вроде, требует меньше всего файлов для правки. Советом поделился blog.m-solutions.com.ua.

Просмотров: 2754

Дата: Суббота, 11 Июня 2011