Модуль вывода и прокрутки товаров Product Scroller и плагин VirtueMart Product Snapshot для вставки товара в статью Joomla

7 Апрель, 2011

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня я хочу продолжить разговор о расширениях компонента интернет магазина для Joomla. В установочном комплекте VirtueMart вы найдете не только архив с самим компонентом, но также и десяток модулей вкупе с двумя плагинами, которые помогут вам решить ряд проблем при организации и обустройстве магазина.

Некоторые из расширений мы уже успели рассмотреть в статье, посвященной установке и настройке главного модуля Виртуемарта в материале по различным вариантам модулей для вывода категорий товаров, ну и в публикации по организации поиска и корзины в VirtueMart.

Сегодня мы рассмотрим стандартный плагин Product Snapshot, который позволит нам добавлять карточки товаров прямо в статьи Джумлы, которые вы, например, создали для привлечения посетителей с поисковых систем.

Ну и заодно мы поговорим о модулях для вывода продуктов (специальное предложение, случайные подборки, новые поступления, лучшие и скроллер товаров), которые могут существенно повысить юзабилити вашего магазина, а также повлиять в положительную сторону на поведенческие факторы продвижения сайта — увеличится глубина просмотра, а еще время проведенное посетителями на сайте интернет магазина под управлением Joomla.

Product Snapshot VirtueMart — товары в статьях Joomla


Фотографии, описание и цену на продукты можно не только выводить на страницах интернет магазина (в карточке товара или их перечне), но и непосредственно в статьях, которые были вами написаны через админку Джумлы. Но для этого нам потребуется установить плагин Product Snapshot из стандартного установочного комплекта VirtueMart.

Необходимость добавления продуктов в статьи сайта, созданного в Joomla, может возникнуть в том случае, если вы используете довольно эффективный способ продвижения и привлечения посетителей с поисковых выдач — написание материалов по тематике вашего интернет магазина.

Такие материалы, при их должной внутренней оптимизации и небольшой оптимизации внешней, могут довольно быстро попасть в топ выдачи Яндекса и Гугла по нужным вам запросам, тем самым привлекая значительную массу потенциальных покупателей.

Но было бы здорово прямо в тексте таких тематических статей предлагать посетителям приобрести вашу продукцию, о которой в ней говорится. С помощью Product Snapshot вы сможете это реализовать и прямо при написании или редактировании материала в админке Джумлы вставлять в нее нужные вам карточки товаров, при этом у вас еще будет возможность довольно тонко настроить то, что будет отображаться (картинка, цена, кнопка «Купить» и т.п.).

Этот плагин (снапшот) вы найдете в папке «plugins» установочного пакета интернет магазина. Файл будет называться «vmproductsnapshots.zip». Его установка на Joomla осуществляется стандартным способом.

После этого вам нужно будет из верхнего меню админки выбрать пункты «Расширения» — «Плагины» и на открывшейся странице найти и активировать (щелкнуть по красному крестику) Product Snapshot. Но также вы можете зайти в его настройки, щелкнув по его названию.

Для снапшота вы можете сделать следующие настройки:

  1. Show product name — показывать ли в статье название данного продукта
  2. Show product thumbnail — показывать ли его изображение при выводе в статье
  3. Show product short description — отображать ли краткое его описание
  4. Show product price — показывать ли цену на изделия при выводе их с помощью Snapshot
  5. How many to add to cart — какое количество изделий будет добавлено в корзину при нажатии пользователем на соответствующую кнопку (Купить)
  6. Show 'add to cart' link — показывать ли ссылку добавления товара в корзину (Купить)
  7. Display orientation for product info — выбираете горизонтальную или вертикальную ориентацию описания (названия, его изображения, описания, цены и др)
  8. Display orientation for each product — тоже самое, но применительно к ситуации, когда вы будете вставлять в статью более одного товара

Эти настройки вы можете сделать базовыми, и когда вам нужно будет вставить информацию о продукте в статью Joomla именно в таком базовом виде, то достаточно будет добавить в нужном месте текста следующий код:

{product_snapshot:id=10}

В этом коде вы только указывает идентификационный номер продукта (id=N), который сможете посмотреть в админке VirtueMart (Как узнать ID товара или категории).

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

{product_snapshot:id=XX,showname=y|n,showimage=y|n,showprice=y| n,showdesc=y|n,showaddtocart=y|n,displayeach=h|v,displaylist=h| v,width=100%,border=0,style=color:black,align=left}

Здесь первый параметр по-прежнему означает идентификационный номер выводимого изделия, а вот остальные параметры уже позволяют вам индивидуально настроить отображение товара в статье:

  1. id — идентификационный номера. Если нужно будет вывести в статье больше одного продукта, то их ID следует разделять знаком «|»
  2. showname — показывать ли название (если поставить «y», то название будет отображаться, а если «n», то не будет)
  3. showimage — показывать ли в статье изображение изделия. Оно при этом будет также являться ссылкой на полноценную карточку данного товара.
  4. showprice — тоже самое про цену
  5. showdesc — и про описание
  6. showaddtocart — показывать ли кнопку добавления в корзину
  7. displayeach — выбираете способ вывода товара (h — горизонтально, а v — вертикально)
  8. displaylist — тоже самое, но для отображения их списка
  9. width — вы можете задать ширину блока с карточкой товара, например, в процентах от всей ширины области со статьей
  10. border — можно задать ширину рамки таблицы, в которой размещается информация с карточки
  11. style — можно задать выравнивание и цвет текста для блока с карточкой

Ваш код вывода товара в статье Joomla может выглядеть, например, так (обращаю ваше внимание, что пробелы в данном случае не допустимы):

{product_snapshot:id=22,showname=y,showimage=y,showprice=y,showdesc=y,}

VirtueMart Product Scroller — модуль скроллера товаров


Модуль VirtueMart Product Scroller входит в стандартный установочный комплект магазина и находится в папке «modules». Его установочный файл называется mod_productscroller_.zip. Ставится он точно так же, как и все остальные расширения.

После того, как вы его установите, вам нужно будет зайти в менеджер модулей и перейти в настройки Product Scroller, щелкнув по строчке с его названием. В левой области окна настроек находятся стандартные для всех модулей Joomla поля, из которых для вас обязательным является только его активация (поле «Включен» и галочка в позиции «Да»).

В левой области настроек модуля VirtueMart Product Scroller сосредоточено очень много полей:

  1. Pre-Text — вводный текст, предшествующий данному модулю прокрутки продукции
  2. Number of Products — количество товаров, которые будут крутиться в этом скроллере
  3. Featured Products Only — показывать изделия только помеченные как спецпредложение. Вариант по умолчанию (Нет) означает, что будут показываться все продукты, не взирая на наличие пометки спецпредложения.(
  4. In which Order the products shall be displayed — здесь вы можете выбрать, в каком порядке будут отображать товары (новые, старые или случайные)
  5. Show Product Name — показывать ли называние изделия при его прокрутке в Product Scroller
  6. Show Add-To-Cart Link — показывать ли рядом ссылку добавления в корзину
  7. Show Prices — показывать ли цену
  8. Scroll Height — высота окна прокрутки модуля
  9. Scroll Width — его ширина
  10. Scroll Behavior — здесь вы сможете выбрать из выпадающего списка тип прокрутки карточек товара в Product Scroller — они могут либо плавно прокручиваться (scroll), либо пролистываться (slide)
  11. Scroll Direction — здесь вы можете выбрать направление прокручивания или пролистывания (вверх, вниз, влево, вправо)
  12. Scroll Amount — выбираете, сколько линий будет прокручиваться за раз
  13. Scroll Delay — задержка прокручивания в миллисекундах (чем меньше зададите задержку, тем быстрее будут прокручиваться продукты в данном модуле)

  14. Scroll Align — выбираете тип выравнивания для списка товаров в скроллере (по левому или правому краю, по центру или по ширине)
  15. Scroll SpaceChar — устанавливаете значок разделителя, который будет использоваться при прокрутке в горизонтальной плоскости
  16. ну и еще несколько параметров, назначения которых вы можете узнать на практике

Модуль прокрутки товаров может существенно улучшить внешний вид вашего интернет магазина и побудить посетителей перейти на страничку изделия из этого блока, ну или даже сразу совершить покупку. Хотя, наверное, не во всех случаях он может быть уместен, нужно смотреть уже по месту.

Про другие модули VirtueMart, позволяющие улучшить юзабилити и поведенческие факторы продвижения сайта с интернет магазином (специальное предложение, случайные, новые, лучшие, модуль «все в одном»), мы поговорим в продолжении данной статьи из серии Интернет магазин на Joomla.

А также советую посмотреть мастер-класс с Вебмастерской Яндекса по теме улучшения юзабилити интернет-магазина:

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Еще:

Рубрики :Как создать интернет-магазин

Комментарии и отзывы

Антон

Полезно все это... Подскажи только плиз — для создания сайта агентства недвижимости Вирт подойтет или что-то другое посоветуешь? Например в карточках вирта реально сделать нормальную минигалерею данной продаваемой квартиры. Или нужно вставлять сторонние расширения типа плагина Фоки для текста?

Евгений

Здравствуйте Дмитрий.

Вопрос совсем не по теме, но все же рискну спросить.

Известно, что если сайт доступен по адресам http://www.site.ru/ — http://site.ru/ или http://www.site.ru/index.html — http://site.ru/index.html – это не хорошо т.к. для поисковых систем это разные сайты и, естественно, контент будет засчитан как дублированный, а не уникальный.

В одной из Ваших статей Вы рекомендуете внести изменения в файле .htaccess чтобы осуществлялся 301 редирект с WWW на без WWW и наоборот.

У меня на блоге без изменений .htaccess при вводе адреса с WWW открывается без WWW. А при вводе адресов www.site.ru/index.html или http://site.ru/index.html выскакивает страница 404.

Стоит ли мне перекраивать файл .htaccess, или оставить все как есть.

Второй вопрос (не скромный): нельзя ли взглянуть на Ваш файл .htaccess.

Заранее спасибо. С уважением Евгений.

Дмитрий

Евгений: у меня тоже на хостинге без внесения изменений .htaccess домен с WWW назначен зеркалом (алиасом). Мой файл .htaccess для этого блога выглядит так:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
<IfModule mod_rewrite.c>
 RewriteEngine on
 RewriteCond %{HTTP_USER_AGENT} !FeedBurner    [NC]
 RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]
 RewriteRule ^feed/?([_0-9a-z-]+)?/?$ _http://feeds.feedburner.com/Ktonanovenkogoru [R=302,NC,L]
</IfModule>
FileETag MTime Size
<ifmodule mod_expires.c>
<filesmatch ".(jpg|jpeg|gif|png|ico|css|js)$">
ExpiresActive on
ExpiresDefault "access plus 1 month"
</filesmatch>
</ifmodule>
<files wp-config.php>
order allow,deny
deny from all
</files>

Евгений

Дмитрий: Большое спасибо за оперативный ответ. С удовольствием продолжаю читать Ваш блог.

Igor

Полезно все рассказано

Андрей

«не примените воспользоваться.» — это как понять????

Я

window.alert ('Проверка связи');

Wer

Подскажите, пожалуйста, а можно ли менять размер изображений в Product Snapshot VirtueMart? Все излазил — не нашел...

Виктория

Спасибо Вам огромное за этот блог. Благодаря ему я много чего узнала. Ведь на самом деле невозможно быть профессионалом в сайтостроении, часто появляется что-то новое, требующее изучения.

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

Мария

Добрый день, никак не могу вывести список всего каталога в отельных рамках — для каждой картинки. При настройке шаблона и установке таблицы, рамки всё-равно не выводятся. Подскажите, как это сделать?

Меф

Приветствую

А как вы думаете вывод краткого описания и описания товара на странице категории будет грехом с точки зрения seo из-за дублирования?

в кратком описании техническая характеристика оборудки и 1-2 предложения.

настя

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

настя

люди добрые !!! Кто ставил этот плагин, все проверила, товар в статье не отображается ((((

Leonid

Доброго времени суток. Попытался использовать данный плагин (его не было в общем установочном пакете, поставил дополнительно). Но вот при вставке команды {product_snapshot:id=ХХ}, она отображается как текст материала. Плагин активирован, ID товара вставлен, команда вставлена в ХТМЛ код (в ячейку таблицы. впрочем и вне таблицы такой же результат). Версия Joomla 2.5, VirtueMarket 2.0.2

В чем может быть причина?

Инна

Надо вставлять {product id=9} вместо {product_snapshot:id=ХХ} тогда все отображается.

Подписаться не комментируя