контакты студии web дизайна

Увеличение картинок ( hightslide ) в virtuemart 1.0 + дополнительные фото

Собственно, процесс вывода дополнительных фото в virtuemart 1.0.x на страницу товара - тема отдельная и в расматриваемом примере осуществленная, перейдем к применению эффекта hightslide для изображения товара и его дополнительных изображений.

Необходимые дополнения и исходные файлы:

Для работы понадобится последняя версия скриптов hightslide, скачать лучше на сайте производителя: highslide.com

Инструкция по внедрению hightslide в virtuemart 1.0:

1. Папку highslide со всем ее содержимым предлагаем залить на сервер в папку основного шаблона сайта:
 /templates/--ИМЯ-ВАШЕГО-ШАБЛОНА-/highslide 
2. В index.php основного шаблона добавляем
<script type="text/javascript" src="/templates/<?php echo $mainframe->getTemplate(); ?>/highslide/highslide.js"></script>
<script type="text/javascript" src="/templates/<?php echo $mainframe->getTemplate(); ?>/highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="/templates/<?php echo $mainframe->getTemplate(); ?>/highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="/templates/<?php echo $mainframe->getTemplate(); ?>/highslide/highslide-ie6.css" />
<![endif]-->
<script type="text/javascript">
hs.graphicsDir = '/templates/<?php echo $mainframe->getTemplate(); ?>/highslide/graphics/';
</script>
3. В файле:
 /administrator/components/com_virtuemart/classes/htmlTools.class.php 
находим ( в самом конце файла )
function vmPopupLink( $link, $text, $popupWidth=640, $popupHeight=480, $target='_blank', $ ) { $jslink = "<a href=\"javascript:void window.open('$link', 'win2', 'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=$popupWidth,height=$popupHeight,directories=no,location=no');\" title=\"$title\">$text</a>";
заменяем на
function vmPopupLink( $link, $text, $target='_self', $ ) { $jslink = "<a href=\"$link\" class=\"highslide\" onclick=\"return hs.expand(this)\" title=\"$title\">$text</a>"; $noscriptlink = "<a href=\"$link\" class=\"highslide\" onclick=\"return hs.expand(this)\" target=\"$target\" title=\"$title\">$text</a>";
4. Если применен хак для дополнительных изображений в virtuemart, то в файле:
/administrator/components/com_virtuemart/html/shop.product_details.php
находим ( примерно 329 строка )
$href = "javascript:void window.open('$src_full', 'win$image->file_id$titlewsp', 'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=$width_full,height=$height_full,directories=no,location=no');";
заменяем на
$href = "$src_full";
находим ( примерно 334 строка )
<a href=\"$href\" target=\"_self\" title=\"$title\">
<img src=\"$src\" class=\"moreimg\" alt=\"$alt\" align=\"center\" />
</a>
заменяем на
<a class=\"highslide\" onclick=\"return hs.expand(this)\" href=\"$href\" target=\"_self\" title=\"$title\">
<img src=\"$src\" class=\"moreimg\" alt=\"$alt\" align=\"center\" />
</a>

Образец работы hightslide в virtuemart 1.0 с дополнительными фото

Пример взят с созданного магазина Kiddi.com.ua Спокойное состояние + Активное состояние:
Увеличение картинок ( hightslide ) в virtuemart 1.0 + дополнительные фото Увеличение картинок ( hightslide ) в virtuemart 1.0 + дополнительные фото

Как убрать Powered by Highslide JS?

Открываем файл
/templates/-ИМЯ-ВАШЕГО-ШАБЛОНА-/highslide/highslide.js
Находим строку
showCredits : true,
Меняем на
showCredits : false,

Разработка фирменного стиля

Как не стоит делать корпоративный сайт - на примере Renault.ua

Обнуление пароля суперадминистратора в Joomla

Как изменить размер картинки категории в WebAsyst Shop-Script

Функции логотипа

Ошибка "Извините ... недостаточно прав" при добавлении пункта меню

Расширенный поиск товаров и сортировка в VirtueMart 1.0.15 с Ajax

Изменить "Позвоните, чтобы уточнить цену" в VirtueMart

Создаем spot блоки ( мини баннера ) в joomla с Mini Ad Spot

Гениальная дерзость в рекламе Lamborghini Revent?n Roadster

Как встроить AdSense в сайт на Joomla

Изображения товара в корзине VirtueMart

Корпоративный сайт: какова реальная стоимость и что предлагает рынок.

Нестандартное количество товаров на странице в Virtuemart

Выгрузка (экспорт) товаров в Shop.Bigmir для Virtuemart

Задать вопрос по товару для WebAsyst

Классификация и виды логотипов

WebAsyst Shop-Script в вопросах и ответах

Консультации: Продвижение интернет-магазина одежды

Автоматическая выгрузка (экспорт) товаров в Яндекс Маркет для Virtuemart

Фирменный стиль бывает разным

Реклама в поддержку идей контрацепции

Добавление flash в содержимое страниц joomla и описание товаров virtuemart

Открытие одной или нескольких ссылок меню Битрикс в новом окне.

Количество новостей на главной и в ленте новостей WebAsyst

Разные страницы для зарегистрированных и нет пользователей в Битрикс

WebAsyst Поддержка в вопросах и ответах



Участник проекта CMS Magazine