Мар 282011
 

Отсель http://blog.m-solutions.com.ua/2010/10/webdev/webproducts/ecommerce/vamshop/dobavlyaem-pokaz-pop-up-kartinok-v-listinge-tovarov/#more-403

Короткая заметка о том как в VamShop-e сделать просмотр увеличенных картинок в листинге товаров.

С недавних версий в вамшопе скрипт вывода картинок изменился на fancybox кому как но мне он нравится больше лайтбокса.

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

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

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

QR Code - Take this post Mobile!
Use this unique QR (Quick Response) code with your smart device. The code will save the url of this webpage to the device for mobile sharing and storage.
Понравилось? Поделитесь:

:

  2 комментария to “VaMshop. Добавляем показ pop-up картинок в листинге товаров.”

  1. ИСПОЛЬЗОВАНА

  2. Помогло, спасибо

Sorry, the comment form is closed at this time.