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)"> <?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" 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).""; }/code>Заменяем на
$product_image = "<a href=\"$imageurl\" class=\"highslide\" onclick=\"return hs.expand(this)\">".$ps_product->image_tag($product_thumb_image, "alt=\"".$product_name."\"", 1)."</a>";
Комментарии
Сделал всё по инструкции и поменял пару строк в /browse/includes/browse_listtable.tpl.php, чтобы при табличном отображении товаров в Virtuemart при нажатии на маленькую сразу открывалась большая картинка. Все классно, НО изменился шрифт и его размер. Раздел с полезной информацией также пострадал. Подскажите, пожалуйста, где кроется подвох?
Версия Джумлы - 1.5.8
Версия Виртуя - 1.1.2 Ответить
Все работает, я в васторге !!!!
Но правда я поправил чуток код который в ИНДЕКС.ПХП
hs.graphicsDir = '/highslide/graphics/';
hs.align = 'center'; // центрирование
hs.dimmingOpacity = .75; //тень на плетень ;)
hs.blockRightClick = true; // блокировка правой клавиши мыши
hs.outlineType = 'rounded-white'; //округленькие края
и получилось как лайтбокс только ярче ;)
Уважуха афтару !!!! Ответить
Только после предопределения скрипта в index шаблона, скрипт не заработал. Прописал в shop.product_details.php.
Пункт 4 для VM 1.0.15 не нужен, т.к. там нет таких строк.
Пункт про browse_1.php также нужно повторить владельцам 1.0.15 версии.
Версия Джумлы - 1.0.15 LE
Версия Виртуя - 1.0.15 BMPE Ответить
У меня Joomla 1.0.15RE и VirtueMART 1.0.15
Как это все настроить ? Ответить