Не пропусти
Главная » Интернет новичку » Модуль вывода и прокрутки товаров Product Scroller и плагин VirtueMart Product Snapshot для вставки товара в статью Joomla, создание, продвижение и заработок на сайте

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

>

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

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

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

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

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

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

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



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

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

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

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

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



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

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

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

  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 именно в таком базовом виде, то достаточно будет добавить в нужном месте текста следующий код:



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

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

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

  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 может выглядеть, например, так (обращаю ваше внимание, что пробелы в данном случае не допустимы):

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

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

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

Модуль вывода и прокрутки товаров Product Scroller и плагин VirtueMart Product Snapshot для вставки товара в статью 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 — выбираете, сколько линий будет прокручиваться за раз



Scroll Delay — задержка прокручивания в миллисекундах (чем меньше зададите задержку, тем быстрее будут прокручиваться продукты в данном модуле)

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

    Про другие модули 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 для этого блога выглядит так:

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

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

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

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

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

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



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

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

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

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

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

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

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

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

    * Нажимая на кнопку «Добавить комментарий» или «Подписаться» Вы соглашаетесь с политикой конфиденциальности.

    О admin

    x

    Check Also

    Проверка на занятость и покупка доменного имени, чем отличаются регистраторы и реселлеры доменов и что такое WHOIS, создание, продвижение и заработок на сайте

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

    Проверка домена на занятость или как подобрать свободное доменное имя для сайта, создание, продвижение и заработок на сайте

    > Проверка домена на занятость или как подобрать свободное доменное имя для сайта Здравствуйте, уважаемые читатели блога Мы с вами уже обсудили что такое Hosting, разобрали что такое домен и ...

    Проблема с All in One SEO Pack и ее решение

    > Проблема с All in One SEO Pack и ее решение — убираем rel=prev и исправляем rel=canonical, чтобы убрать из индекса дубли Здравствуйте, уважаемые читатели блога Случайно сегодня глянул на ...

    Пробельные символы и форматирование ими кода в Html, а так же спецсимволы неразрывного пробела и другие мнемоники, создание, продвижение и заработок на сайте

    > Пробельные символы и форматирование ими кода в Html, а так же спецсимволы неразрывного пробела и другие мнемоники Здравствуйте, уважаемые читатели блога Чуть ранее мы уже успели поговорить о том, ...

    Принципы транслитерации, где она используется и онлайн переводчики траслита, создание, продвижение и заработок на сайте

    > Принципы транслитерации, где она используется и онлайн переводчики траслита Здравствуйте, уважаемые читатели блога Сегодняшний пост будет посвящен такой (на первый взгляд) простой теме, как транслит, который по большому счету ...

    Примеры взлома WebMoney кошельков и настройки безопасности, способные снизить его вероятность (блокировка по IP), создание, продвижение и заработок на сайте

    > Примеры взлома WebMoney кошельков и настройки безопасности, способные снизить его вероятность (блокировка по IP) Здравствуйте, уважаемые читатели блога Сегодня будет, как и обещал ранее, статья посвященная безопасности работы с ...

    Привлечение трафика посетителей на свой сайт методами SMO (форумы, социальные сети, группы Subscribe), создание, продвижение и заработок на сайте

    > Привлечение трафика посетителей на свой сайт методами SMO (форумы, социальные сети, группы Subscribe) Здравствуйте, уважаемые читатели блога Сегодня хочу рассказать о тех способах привлечения посетителей на сайт, которые сам ...

    Привлекай рефералов и выиграй конкурс от BetAdvert! Призовой фонд более, создание, продвижение и заработок на сайте

    > Привлекай рефералов и выиграй конкурс от BetAdvert! Призовой фонд более 150.000Р Здравствуйте, уважаемые читатели блога Хочу проанонсировать большой конкурс для всех, кто умеет привлекать рефералов. Партнерская программа BetAdvert объявляет ...

    Презентация обновленной партнерской программы МегаКонкурс, создание, продвижение и заработок на сайте

    > Презентация обновленной партнерской программы Binpartner.com + МегаКонкурс Здравствуйте, уважаемые читатели блога Хочу предложить вашему вниманию пресс-релиз обновленной партнерки Binpartner.com. Но, прежде всего, остановлюсь на МЕГАКОНКУРСЕ, который стартовал параллельно с ...

    Предновогодняя акция от Профит Партнера, создание, продвижение и заработок на сайте

    > Предновогодняя акция от Профит Партнера Здравствуйте, уважаемые читатели блога Ну, вот и дождались — Профит Партнер проводит очередную акцию (по моему, уже третью за этот год). Догадайтесь, призы от ...

    Пошаговый план продвижения коммерческих сайтов, создание, продвижение и заработок на сайте

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

    Почта (новый Hotmail), создание, продвижение и заработок на сайте

    > Почта Outlook.com (новый Hotmail) Здравствуйте, уважаемые читатели блога У компании Майкрософт имеет место быть привычка смены названия их онлайн-сервисов. Поисковик Бинг не раз менял свое имя, да и облачное ...

    Почему так важна быстрая индексация страниц сайта в Яндексе и как ее можно ускорить через, создание, продвижение и заработок на сайте

    > Почему так важна быстрая индексация страниц сайта в Яндексе и как ее можно ускорить через GetBot.guru Здравствуйте, уважаемые читатели блога Сегодня речь пойдет про онлайн-сервис, позволяющий быстро отправлять в ...

    Почему не загружается и не работает социальная сеть — Одноклассники, а так же как ее открыть, если она заблокирована

    > Почему не загружается и не работает социальная сеть «Одноклассники», а так же как ее открыть, если она заблокирована С каждым годом количество пользователей в социальной сети «Одноклассники» становится все ...

    Почему не загружается ВК и браузер не заходит во Вконтакте, создание, продвижение и заработок на сайте

    > Почему не загружается ВК и браузер не заходит во Вконтакте Здравствуйте, уважаемые читатели блога Практически каждый житель отечественных стран в возрасте от 14 до 45 лет имеет свой аккаунт ...

    Почему выгодно работать с партнерской программой Studybay, создание, продвижение и заработок на сайте

    > Почему выгодно работать с партнерской программой Studybay Здравствуйте, уважаемые читатели блога StudyBay — это онлайн биржа для заказа студенческих работ под бурж трафик со своей партнерcкой программой, работающей по ...

    Послушай Платона и сделай правильно, создание, продвижение и заработок на сайте

    > Послушай Платона и сделай правильно §1 Платон всегда прав §2 Если Платон не прав, смотри §1 Здравствуйте, уважаемые читатели блога Сегодня поговорим о новой страшилке Яндекса — Минусинске, и ...

    Пользовательское соглашение, создание, продвижение и заработок на сайте

    > Пользовательское соглашение KtoNaNovenkogo.ru Пользовательское соглашение сайта KtoNaNovenkogo.ru Итак, Уважаемые посетители, давайте с вами договоримся об условиях пользования ресурсом Использование материалов данного сайта регулируется положением законодательства РФ (и международными нормами) ...

    Получение бэклинков с профилей трастовых сайтов и со страниц сервисов для проведения SEO анализа, создание, продвижение и заработок на сайте

    > Получение бэклинков с профилей трастовых сайтов и со страниц сервисов для проведения SEO анализа Здравствуйте, уважаемые читатели блога Что-то меня последнее время прорвало на статьи по поводу получения этих ...

    Политика конфиденциальности, создание, продвижение и заработок на сайте

    > Политика конфиденциальности Политика конфиденциальности сайта KtoNaNovenkogo.ru Для показа объявлений на блоге KtoNaNovenkogo.ru используются услуги сторонних рекламных компаний. Эти компании могут использовать информацию о Ваших посещениях этого блога и других ...

    Покупка домена (доменного имени) на примере регистратора Reghouse, создание, продвижение и заработок на сайте

    > Покупка домена (доменного имени) на примере регистратора Reghouse Здравствуйте, уважаемые читатели блога Это уже третья статья из серии, посвященной выбору хостинга и регистрации доменного имени для вашего будущего сайта ...

    Рейтинг@Mail.ru