Меню показать Меню скрыть
Современные
проекты
от ПаЛыЧа
Сайк ПавелСайк Павел
7 г. назад

Highslide в Virtuemart 1.1.2 и 1.0.15 - красивые всплывающие окна

Highslide

Virtuemart 1.1.2

Качаем у авторов последнюю версию highslide. Закачиваем в корень сайта в папку highslide. Открываем index.php шаблона, и перед тегом прописываем следующие строки

<script src="/highslide/highslide.packed.js" type="text/javascript"> </script>
<script type="text/javascript"> hs.graphicsDir = '/highslide/graphics/'; </script> 

Это необходимо, чтобы скрип подгружался только в virtuemart

Оформляем высплывабщие картинки в карточке товара. Открываем htmlTools.class.php. Находим

$link = vmCommonHTML::hyperLink( $image_link, $text, '', $title, 'rel="lightbox'.$image_group.'"' );

Меняем на

$link = vmCommonHTML::hyperLink( $image_link, $text, '', $title, 'class="highslide" onclick="return hs.expand(this)"' );

Теперь займемся категорией, если это конечно нужно. Открываем файл шаблона категории, который используется у вас. Например browse_1.php.В шаблоне по умолчанию прописанно так

<script type="text/javascript">//<![CDATA[
document.write('<a href="javascript:void window.open(\'\', \'win2\', \'status=no,toolbar=no, scrollbars=yes, titlebar=no, menubar=no, resizable=yes, width=<?php echo $full_image_width ?>, height=<?php echo $full_image_height ?>,directories=no,location=no\');">');
document.write( '<?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' ) ?></a>' );
//]]>
</script>
<noscript>
<a href="" target="_blank" title="<?php echo $product_name ?>"> <?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' ) ?>
</a>

Выкидываем всю эту ужасную структуру и делаем просто и красиво. Заменяем на следующее:

<a href="<?php echo $product_full_image ?>" class="highslide" onclick="return hs.expand(this)" title="<?php echo $product_name ;?>" > <?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" alt="'.$product_name .'"' ) ?>
</a>

Virtuemart 1.0.15

Начнем сразу с 5 пункта предыдущей вставки. Открываем файл shop.product_details.php. Ищем код

if( @$_REQUEST['output'] != "pdf" ) { $link = $imageurl; $text = $ps_product->image_tag($product_thumb_image, "alt=\"".$product_name."\"", 1)." ".$VM_LANG->_PHPSHOP_FLYPAGE_ENLARGE_IMAGE; // vmPopupLink can be found in: htmlTools.class.php $product_image = vmPopupLink( $link, $text, $width, $height );
} else { $product_image = "<a href=\"$imageurl\" target=\"_blank \">".$ps_product->image_tag($product_thumb_image, "alt=\"".$product_name."\"", 1)."";
}

Заменяем на

$product_image = "<a href=\"$imageurl\" class=\"highslide\" onclick=\"return hs.expand(this)\">" .$ps_product->image_tag($product_thumb_image, "alt=\"".$product_name."\"", 1) ."</a>"; 

Комментарии

#Stasevich27.01.2009 11:57
Приветствую, народ!
Сделал всё по инструкции и поменял пару строк в /browse/includes/browse_listtable.tpl.php, чтобы при табличном отображении товаров в Virtuemart при нажатии на маленькую сразу открывалась большая картинка. Все классно, НО изменился шрифт и его размер. Раздел с полезной информацией также пострадал. Подскажите, пожалуйста, где кроется подвох?
Версия Джумлы - 1.5.8
Версия Виртуя - 1.1.2Ответить
#Игорек18.03.2009 19:20
РЕСПЕКТИЩЕ !!!!!!!
Все работает, я в васторге !!!!
Но правда я поправил чуток код который в ИНДЕКС.ПХП
hs.graphicsDir = '/highslide/graphics/';
hs.align = 'center'; // центрирование
hs.dimmingOpacity = .75; //тень на плетень ;)
hs.blockRightClick = true; // блокировка правой клавиши мыши
hs.outlineType = 'rounded-white'; //округленькие края
и получилось как лайтбокс только ярче ;)
Уважуха афтару !!!!Ответить
#Михаил06.04.2009 13:43
РАБОТАЕТ!!!
Только после предопределения скрипта в index шаблона, скрипт не заработал. Прописал в shop.product_details.php.
Пункт 4 для VM 1.0.15 не нужен, т.к. там нет таких строк.
Пункт про browse_1.php также нужно повторить владельцам 1.0.15 версии.

Версия Джумлы - 1.0.15 LE
Версия Виртуя - 1.0.15 BMPEОтветить
#Aleks_El_Dia23.04.2009 22:24
Работает) Описание не блестящее, но все равно зачетОтветить
#PaLyCH24.04.2009 16:18
Постраюсь исправить и сделать более нагляднымОтветить
#Анатолий23.08.2009 02:55
А у меня не работает!
У меня Joomla 1.0.15RE и VirtueMART 1.0.15
Как это все настроить ?Ответить

Добавить комментарий

Наверх