[download] Модуль вывода товаров для VirtueMart (1.2.3 и 2.1)

[beliyadm]

Представляю Вашему внимания достаточно универсальный модуль для VirtueMart, версия mod_VirtueMart_universal для Joomla 1.5.

Версия модуля слайдера товаров 2.0 (VM1.1.9 J1.5)
Демонстрация и информация

Версия модуля 2.1
Демонстрация
Подробная информация

Новые возможности модуля версии 2.1

• кнопка "добавить в корзину" на ajax
• визуальный выбор категорий и возможность включать вложенные подкатегории
• различные варианты вывода цены (с учетом налога и скидки)
• многоязычность (в текущем виде только рус\англ), константы вынесены в языковые файлы language\ru-RU\ru-RU.mod_virtuemart_universal.ini
• различные варианты вывода изображения в модуле с эффектами lightbox и\или zoom

   

Почему этот модуль, а не родной от разработчика VirtueMart Soeren - родной модуль на 6 товаров генерит от 40 запросов в БД, мой же только один SQL запрос

Возможности
 - показать последние добавленные товары
 - показать наиболее продаваемые товары
 - показать товары, отмеченные как featured
 - показывать случайные товары
 - задать количество показываемых товаров
 - задать категории для выборки (ID через запятую)
 - возможно включения JS подсказок для ссылок в модуле, с использованием либо встроенной библиотеки Mootools либо Jquery. Внимание - Jquery не включена в модуль, подключение библиотеки в код контролируйте самостоятельно. Если на сайте одновременно подключены обе библиотеки - JS эффект подсказок отрабатывать не будет, покажется стандартный title для ссылки. JS эффекты отрабатываются для элемента title для .mod_vm_universal a, для полноценного управления изучите CSS. Оформление заложено в файле modules\mod_VirtueMart_universal\files\mod_virtuemart_universal.css (см. комментарии)

Дополнительно:
 - код максимально документирован, смотрите файл modules\mod_VirtueMart_universal\tmpl\default.php для создания собственного шаблона (внимание - класс mod_vm_universal используется для работы JS tooltip)

справка по шаблону

   Справка по использованию шаблона:

Код

	$item->pname 	- заголовок (название) товара
	$item->link 	- ссылка на полную карточку товара
	$item->pimage 	- картинка товара, не забываем про полный путь до нее
	$item->price 	- цена товара
	$item->currency - валюта (денежная единица)
	$item->intro	- краткое описание товара, очищенное от HTML тегов, по умолчанию выводится как TITLE для картинки и ссылки  "подробнее"

- для достижения валидности и уменьшения нагрузки на сервер перед публикацией сайта на production рекомендуется все JS и CSS файлы компоновать в один файл и применять сжатие (работа соответствующих инструментов и азы создания сайтов находятся вне данной темы)
 - для достижения валидности необходимо подключить скрипт Jquery и  Mootools до вызова скриптов тултипов (всплывающих подсказок), смотри комментарии в helper.php) в блоке HEAD, по умолчанию они выводятся в BODY для работы на 99% хостов без конфликтов
 - по умолчанию HTML структура модуля для каждого элемента такова:

html вывод элементов модуля

Код

<div class="mod_vm_universal">
 <span class="mod_vm_title">Название товара</strong><br />
 <a href="link" title="Название товара - краткое описание" class="mod_vm_link">
    <img src="linkImg" alt="Название товара - краткое описание" />
  </a>
  <br />
  <a href="link" title="Название товара - краткое описание" class="mod_vm_readmore">Подробнее</a>
  <br />
  <span class="mod_vm_price">Цена: 1000 рублей</span>
</div>

- если у вас VirtueMart используется в качестве каталога (и соответственно нет цен) - решение ниже

скриншот модуля

Возможные баги:
 - возможно все, поскольку я не очень хорошо знаю структуру товаров магазина. Пожелания и предложения по развитию оставляем в комментариях

Тестировал на Joomla 1.5.10-12 и VirtueMart 1.1.3, огромная благоданость Sulpher за тестирование и общие рекомендации

Версия модуля 1.2.3

• Если для товара не назначено изображение выводится картинка по умолчанию components/com_virtuemart/themes/default/images/noimage.gif (спасибо Sulpher)

Версия модуля 1.2.2

• Добавлена возможность показа иконки для товаров с скидкой
• Добавлена возможность либо автоматически определять ItemID ссылки в меню, ведущей на магазин, либо руками задавать в настройках модуля. Для чего - чтобы при переходе по ссылкам модуля корректно работала активность пункта меню, хлебные крошки и прочие привязки

UPD

Версия модуля 1.2.1

• Добавлена возможность обрезания цены до точки (пример: 48.12000 -> 48)
• Добавлена случайная сортировка товаров (если при кол-ве записей в БД более 10 000 будут проблемы с производительностью - пишите, будут менять алгоритм)

[Sulpher]

Петь, посмотри файл mod_virtuemart_universal/tmpl/default.php:

Код:

    <span class="mod_vm_title"><?php echo $item->pname; ?></strong><br />

кажется, у тебя вместо закрывающего тега </span> стоит тег </strong> (версия 1.2.1)

[beliyadm]

Жень спасибо, исправил и обновил архив

[beliyadm]

Версия модуля обновлена до 1.2.2, обновление в первом посте

• Добавлена возможность показа иконки для товаров с скидкой
• Добавлена возможность либо автоматически определять ItemID ссылки в меню, ведущей на магазин, либо руками задавать в настройках модуля. Для чего - чтобы при переходе по ссылкам модуля корректно работала активность пункта меню, хлебные крошки и прочие привязки

[dima2000]

Есть вопрос по модулю, почему-то выводятся картинки большого размера, как сделать чтобы показывались thumb_image ? И пожелание, сделать возможным вывод описания (s_desc).

[beliyadm]

1 - картинки выводятся из каталога components/com_virtuemart/shop_image/product, если необходимо изменить (брать, например из resized) - измените в файле шаблона default.php
строку

Код

<img src="<?php echo JURI::base(); ?>components/com_virtuemart/shop_image/product/<?php echo $item->pimage; ?>" alt="<?php echo $item->pname; ?> - <?php echo $item->intro; ?>" />

на свой путь

2 - вывод product_s_desc описания продукта уже заложено в шаблоне, достаточно в шаблоне модуля добавить в нужное место

Код

<?php echo $item->intro; ?>

Сейчас используется как текст всплывающей подсказки для товаров

[dima2000]

Спасибо за быстрый ответ. Эту строчку я нашел, путь понятно что другой, но ведь и название картинки там другое генерируется. Я не в ручную конвертирую, конвертируется средствами Joomla и складывается в папку components/com_virtuemart/shop_image/product/resized

[beliyadm]

ну раз другое имя картинки - посмотрите в таблице _vm_product какое поле отвечает за название картинки и замените его в SQL запросе в хелпере модуля, сейчас там выбирается p.product_thumb_image AS pimage (хотя я там только тумбс и полное изображение видел)

[dima2000]

Блин, не выходит каменный цветок. Посмотрел в базе product_thumb_image называется поле.

[beliyadm]

ну так у меня из product_thumb_image и берутся картинки, может быть в твоем случае уменьшенные изображения лежат в каталоге components\com_virtuemart\shop_image\product\resized?

[dima2000]

Есть у меня такой файлик show_image_in_imgtag.php с таким содержанием :

Код:

<?php
/**
* Image Resizer & img Tag "Filler"
*
* @author Andreas Martens <heyn@plautdietsch.de>
* @author Patrick Teague <webdude@veslach.com>
*
* @version $Id: show_image_in_imgtag.php 1584 2008-12-04 20:41:32Z soeren_nb $
* @package VirtueMart
* @subpackage core
* @copyright Copyright (C) 2004-2008 soeren - All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see LICENSE.php
* VirtueMart is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See /administrator/components/com_virtuemart/COPYRIGHT.php for copyright notices and details.
*
* http://virtuemart.net
*/
define('_VALID_MOS', 1);

// Get the Joomla! configuration file
$config_file = '../../configuration.php';
include_once( $config_file );

if( isset($_REQUEST['mosConfig_absolute_path'])) die();

if( !isset( $mosConfig_absolute_path ) ) {
// We are in J! 1.5
define( '_JEXEC', 1 );
$mosConfig_absolute_path = dirname( $config_file );
}

include_once("../../administrator/components/com_virtuemart/virtuemart.cfg.php");

$resize_image = true;
// check if dynamic thumbnails are disabled or the GD Library is not available
if( PSHOP_IMG_RESIZE_ENABLE == '') {
$resize_image = false;
}
elseif (!extension_loaded('gd') && !dl('gd.so')) {
$resize_image = false;
}
 
include( CLASSPATH . "ps_main.php");

if( $resize_image ) {
// Image2Thumbnail will resize your images
include( CLASSPATH . "class.img2thumb.php");
}

$basefilename = @basename(urldecode($_REQUEST['filename']));
$filenames[] = IMAGEPATH."product/".$basefilename;
$resized_filenames[] = IMAGEPATH."product/resized/".$basefilename;
$filenames[] = IMAGEPATH."category/".$basefilename;
$resized_filenames[] = IMAGEPATH."category/resized/".$basefilename;
$newxsize = (int)@$_REQUEST['newxsize'] == 0 ? PSHOP_IMG_WIDTH : (int)@$_REQUEST['newxsize'];
$newysize = (int)@$_REQUEST['newysize'] == 0 ? PSHOP_IMG_WIDTH : (int)@$_REQUEST['newysize'];

// Don't allow sizes beyond 600 pixels
$newxsize = min( $newxsize, 600 );
$newysize = min( $newysize, 600 );

//Don't allow sizes under 40 pixels
$newxsize = max( $newxsize, 40 );
$newysize = max( $newysize, 40 );

if( $newxsize < $newysize ) {
// Don't let $newxsize be smaller than 55% of $newysize
$newxsize = max( $newxsize, 0.55 * $newysize );
}
elseif( $newysize < $newxsize ) {
// Don't let $newysize be smaller than 55% of $newxsize
$newysize = max( $newysize, 0.55 * $newxsize );
}
$maxsize = false;
$bgred = 255;
$bggreen = 255;
$bgblue = 255;

/*
if( !isset($fileout) )
$fileout="";
if( !isset($maxsize) )
$maxsize=0;
*/

/* Minimum security */
$file_exists = false;
$i = 0;
foreach ( $filenames as $file ) {
if( file_exists( $file ) ) {
$file_exists = true;
$filename = $file;
break;
} elseif( file_exists($resized_filenames[$i])) {
$file_exists = true;
$filename = $resized_filenames[$i];
break;
}
++$i;
}
$file_exists or die('File does not exist');

$filename2 = $resized_filenames[$i];

$fileinfo = pathinfo( $filename );
$file = str_replace(".".$fileinfo['extension'], "", $fileinfo['basename']);
// In class.img2thumb in the function NewImgShow() the extension .jpg will be added to .gif if imagegif does not exist.

// If the image is a gif, and imagegif() returns false then make the extension ".gif.jpg"

if( $fileinfo['extension'] == "gif") {
  if( function_exists("imagegif") ) {
    $ext = ".".$fileinfo['extension'];
    $noimgif="";
  }
  else {
    $ext = ".jpg";
    $noimgif = ".".$fileinfo['extension'];
  }
}
else {
  $ext =  ".".$fileinfo['extension'];
  $noimgif="";
}

if( $resize_image ) {
if( file_exists($filename2)) {
$fileout = $filename2;
} else {
$fileout = dirname( $filename2 ) .'/'.$file."_".$newxsize."x".$newysize.$noimgif.$ext;
}
} else {
$fileout = $filename;
}
// Tell the user agent to cache this script/stylesheet for an hour
$age = 3600;
header( 'Expires: '.gmdate( 'D, d M Y H:i:s', time()+ $age ) . ' GMT' );
header( 'Cache-Control: max-age='.$age.', must-revalidate' );

if( file_exists( $fileout ) ) {
  /* We already have a resized image
  * So send the file to the browser */

  switch(strtolower($ext))
{
case ".gif":
header ("Content-type: image/gif");
readfile($fileout);
break;
case ".jpg":
header ("Content-type: image/jpeg");
readfile($fileout);
break;
case ".png":
header ("Content-type: image/png");
readfile($fileout);
break;
}
}
else {
  /* We need to resize the image and Save the new one (all done in the constructor) */
  $neu = new Img2Thumb($filename,$newxsize,$newysize,$fileout,$maxsize,$bgred,$bggreen,$bgblue);
 
  /* Send the file to the browser */
  switch($ext)
{
case ".gif":
header ("Content-type: image/gif");
readfile($fileout);
break;
case ".jpg":
header ("Content-type: image/jpeg");
readfile($fileout);
break;
case ".png":
header ("Content-type: image/png");
readfile($fileout);
break;
}
}
?>

может тут собака зарыта ?

[dima2000]

ну так у меня из product_thumb_image и берутся картинки, может быть в твоем случае уменьшенные изображения лежат в каталоге components\com_virtuemart\shop_image\product\resized?

Ну так я-же написал, что здесь лежат...

Менял строку вывода картинки на такую
<img src="<?php echo JURI::base(); ?>components/com_virtuemart/shop_image/product/resized/<?php echo $item->pimage; ?>" alt="<?php echo $item->pname; ?> - <?php echo $item->intro; ?>" />


Картинки не выводяться совсем

[beliyadm]

Ну так я-же написал, что здесь лежат...

уменьшенные картинки там лежат?

Менял строку вывода картинки на такую
<img src="<?php echo JURI::base(); ?>components/com_virtuemart/shop_image/product/resized/<?php echo $item->pimage; ?>" alt="<?php echo $item->pname; ?> - <?php echo $item->intro; ?>" />
Картинки не выводяться совсем

а имена файлов совпадают с значением поля product_thumb_image?
Тогда не знаю, плохо ориентируюсь в этом компоненте и желания не имею, может кто из специалистов магазина подскажет откуда еще могут браться названия файлов изображений

[dima2000]

Да, уменьшенные картинки там лежат. Генерируются вроде вот как , если название файла 470.jpg и лежит в папке components/com_virtuemart/shop_image/product/

то уменьшеное будет такое 470_90x90.jpg  и лежать будет тут components/com_virtuemart/shop_image/product/resized/

[beliyadm]

_90x90 - добавляется к всем фотографиям из resized, а 470.jpg - данные из поля product_thumb_image?
Тогда я пошел бы таким путем (если только в БД магазина нигде не лежит уже 470_90x90.jpg, что было бы идеально) - разодрать содержимое $item->pname в массив из двух элементов по точке (имя файла и расширение), к первому элементу добавить _90x90, после опять собрать в одно целое.
Но смотреть в сторону такого решения только если 470_90x90.jpg отсутствует в БД и префикс добавляется одинаковый

[dima2000]

_90x90 - добавляется к всем фотографиям из resized, а 470.jpg - данные из поля product_thumb_image?
Тогда я пошел бы таким путем (если только в БД магазина нигде не лежит уже 470_90x90.jpg, что было бы идеально) - разодрать содержимое $item->pname в массив из двух элементов по точке (имя файла и расширение), к первому элементу добавить _90x90, после опять собрать в одно целое.
Но смотреть в сторону такого решения только если 470_90x90.jpg отсутствует в БД и префикс добавляется одинаковый

В БД такого 470_90x90.jpg файла нигде не храниться, поэтому пойдем по второму пути. Желательно разжевать где чего поправить, в php ни бум-бум.

[dima2000]

а вообще проще наверное просто подставить width и все, единственное наверно будет доп нагрузка на сервер.

[beliyadm]

width подставлять нехорошо, зачем пользователю грузить полную картинку и ужимать средствами хтмл
нет, мы пойдем проще
в хелпере модуля найти строку

Код

$lists[$i]->pimage 		= $row->pimage;

и заменить на (если в имени загруженной картинки нет точек - будет работать корректно)

Код

$lists[$i]->pimage 		= str_replace('.', '_90x90.', $row->pimage);

ну и в шаблоне добавить resized в путь генерируемой картинки

[dima2000]

Вот что еще хочется реализовать. У меня 12 спец предложений, но вывожу я их по 3 на главной. Так вот, при перезагрузке они не меняются в случайном порядке как в стандартном модуле, т.е. все время одни и те-же 3 спец предложения, а остальные 9 не появляются.

[dima2000]

width подставлять нехорошо, зачем пользователю грузить полную картинку и ужимать средствами хтмл
нет, мы пойдем проще
в хелпере модуля найти строку

Код

$lists[$i]->pimage 		= $row->pimage;

и заменить на (если в имени загруженной картинки нет точек - будет работать корректно)

Код

$lists[$i]->pimage 		= str_replace('.', '_90x90.', $row->pimage);

ну и в шаблоне добавить resized в путь генерируемой картинки

Вроде работает

[beliyadm]

Вроде работает

вот и чудненько

Вот что еще хочется реализовать. У меня 12 спец предложений, но вывожу я их по 3 на главной. Так вот, при перезагрузке они не меняются в случайном порядке как в стандартном модуле, т.е. все время одни и те-же 3 спец предложения, а остальные 9 не появляются.

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

Код

case '3';
        	$where		.= ' AND p.product_special = "Y" ';
        	$ordering	.= ' p.product_id DESC ';

и заменяем сортировку на

Код

$ordering 	.= ' RAND() ';

[dima2000]

Отлично, все получилось !!! Спасибо большое за модуль!!!

[ruamho]

У меня другая проблема, товары выводятся в разной ширины рамках, соответствующих длине названия товара, хотя в коде зафиксирована ширина и высота и межну рамками товаров нет отступа. Как тут быть?

[beliyadm]

1 - смотрите еще раз CSS модуля
2 - если название товара без пробелов - оно вылезет за пределы блока, для ликвидации попробуйте в modules\mod_virtuemart_universal\files\mod_virtuemart_universal.css изменить оформление для этих тегов таким образом

Код

.mod_vm_universal span.mod_vm_title, .mod_vm_universal a, .mod_vm_universal span {display: block;text-align: center !important;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla*/
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

[ruamho]

1 - смотрите еще раз CSS модуля
2 - если название товара без пробелов - оно вылезет за пределы блока, для ликвидации попробуйте в modules\mod_virtuemart_universal\files\mod_virtuemart_universal.css изменить оформление для этих тегов таким образом

Код

.mod_vm_universal span.mod_vm_title, .mod_vm_universal a, .mod_vm_universal span {display: block;text-align: center !important;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla*/
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

Вот что получилось после изменения кода:

Извиняюсь, вот корректный вид (названия с пробелами):

[beliyadm]

если в файле стилей для mod_vm_universal установлена фиксированная ширина - такого быть не должно
скорей всего стили шаблона накладываются и где то пересекаются, модуль оттестирован на разных сайтах - подобной проблемы не наблюдалось

[ruamho]

если в файле стилей для mod_vm_universal установлена фиксированная ширина - такого быть не должно
скорей всего стили шаблона накладываются и где то пересекаются, модуль оттестирован на разных сайтах - подобной проблемы не наблюдалось

Спасибо!
Попробую посмотреть.

[Tu-144]

А как реализовать вывод в несколько колонок?

[beliyadm]

А как реализовать вывод в несколько колонок?

количество колонок регулируется общей шириной блока, в который посещен модуль
То есть, если блок для moduletable имеет ширину в 900 пкс и в настройках CSS модуля для mod_vm_universal указана ширина в 300 пкс - то в одной строке будет три элемента
это же не таблицы, это DIV

[Tu-144]

Понял, спасибо:)

[ddr]

Что то с ссылками в модуле не так или я где то надумал.

Тема такая. При переходе по ссылке из модуля товар всегда открывается в шаблоне полного вида товара (virtuemart) - flypage.tpl
А к примеру на сайте используются разные шаблоны товаров для разных категории - flypage_images.tpl, flypage_tabs.tpl,flypage_ask.tpl и тп
да или просто к примеру по умолчанию стоит  flypage_images.tpl, а товары выводятся в flypage.tpl

?