Главная » Интернет новичку » Модуль вывода и прокрутки товаров 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

    Моя страница в Контакте

    > Моя страница в Контакте — что делать с этим Добро пожаловать Здравствуйте, уважаемые читатели блога В одной из предыдущих статей мы во всех возможных подробностях разобрали регистрацию и варианты входа в Контакт (с точки ...

    Мониторинг обменников

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

    Мониторинг доступности и UpTime сайта

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

    Монетизация сайтов женской и ювелирной тематики в Gold Affiliate, плюс возможность зарабатывать на партнерском интернет-магазине, создание, продвижение и заработок на сайте

    > Монетизация сайтов женской и ювелирной тематики в Gold Affiliate, плюс возможность зарабатывать на партнерском интернет-магазине Здравствуйте, уважаемые читатели блога За последние пару лет я описал уже довольно много способов заработка на своем сайте (и ...

    Мой сайт

    KtoNaNovenkogo.ru Все о создании сайтов, блогов, форумов, интернет-магазинов, их продвижении в поисковых системах и заработке на сайте Новые материалы на блоге KtoNaNovenkogo.ru Статьи по тематики вебмастеринга, продвижения и заработка в интернете и за его пределами ...

    Мой мир

    > Мой мир — регистрация и вход в социальную сеть от Майлру, ее использование и удаление профиля Здравствуйте, уважаемые читатели блога Портал «Мой мир» был основан известной отечественной поисковой системой Mail.ru в первой половине 2007 ...

    Мои логин и пароль

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

    Мое дело

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

    Модули в Joomla

    > Модули в Joomla — просмотр позиции, настройка и вывод, а так же назначение суффиксов класса Здравствуйте, уважаемые читатели блога Сегодня хочу в очередной раз остановиться на тонкостях создания и настройки модулей в Joomla. Так ...

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

    > Moguta.CMS: могучий торговый движок несколько лет спустя Здравствуйте, дорогие читатели блога KtoNaNovenkogo.ru! Два года назад я уже делал обзор Moguta.CMS (вот он). За это время разработчики смогли не только удержать движок на рынке с ...

    Моветон и Комильфо

    > Моветон и Комильфо — что это такое и какое значение имеют эти слова в современной речи (чтоб в Википедию не ходить) Здравствуйте, уважаемые читатели блога Все новое — это хорошо забытое старое. Герои нашего ...

    Мобильный заработок с телефона в интернете на приложениях для Андроида и Ios (без вложений), создание, продвижение и заработок на сайте

    > Мобильный заработок с телефона в интернете на приложениях для Андроида и Ios (без вложений) Здравствуйте, уважаемые читатели блога В мире регулярно и неуклонно появляются новые приложения для мобильных телефонов и планшетов, которые дают возможность ...

    Миралинкс объединяется с Гогетлинкс или что нового появилось в двух самых популярных биржах вечных ссылок из постов и статей, создание, продвижение и заработок на сайте

    > Миралинкс объединяется с Гогетлинкс или что нового появилось в двух самых популярных биржах вечных ссылок из постов и статей Здравствуйте, уважаемые читатели блога Биржа вечных ссылок ГГЛ (она же Гогетлинкс, она же Gogetlinks), о ...

    Минусинск в Яндексе

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

    Мета теги title, description и keywords мешают продвижению, создание, продвижение и заработок на сайте

    > Мета теги title, description и keywords мешают продвижению Здравствуйте, уважаемые читатели блога Сегодня хочу чуть подробнее, чем я это делал в статье про продвижение сайтов, остановиться на мета-тегах title, description и keywords, которые вот ...

    Меню в Joomla

    > Меню в Joomla — добавление вложенного или выпадающего меню, а так же создание и настройка модуля для его отображения на сайте Здравствуйте, уважаемые читатели блога В предыдущих статьях я уже рассказывал о структуре шаблонов ...