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

    Что такое фиаско, а также что означает фраза

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

    Что такое респект и что значит это слово при общении в интернете, создание, продвижение и заработок на сайте

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

    Что такое рерайт (рерайтинг) и с чем его едят, создание, продвижение и заработок на сайте

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

    Что такое репост и как делать репосты во ВКонтакте, создание, продвижение и заработок на сайте

    > Что такое репост и как делать репосты во ВКонтакте? Здравствуйте, уважаемые читатели блога Согласно официальному определению, репост – это возможность мгновенно поделиться информационной заметкой, размещённой в соцсетях, при этом ...

    Что такое кэш

    > Что такое кэш — как очистить кеш в Опере, Мозиле, Хроме и других браузерах Здравствуйте, уважаемые читатели блога Что такое кэш? Это на самом деле довольно простое и в ...

    Что такое интернет, кто создал всемирную паутину World Wide Web и как работает глобальная сеть, создание, продвижение и заработок на сайте

    > Что такое интернет, кто создал всемирную паутину World Wide Web и как работает глобальная сеть Здравствуйте, уважаемые читатели блога Все мы с вами живем в эпоху глобального интернета и ...

    Что такое Емайл (E-mail) и почему это называют электронной почтой, создание, продвижение и заработок на сайте

    > Что такое Емайл (E-mail) и почему это называют электронной почтой Здравствуйте, уважаемые читатели блога Все когда-то начинают, поэтому вопрос о том, что такое Емейл и какое он имеет отношение ...

    Что такое дроп, дропнутый или освобождающийся домен, создание, продвижение и заработок на сайте

    > Что такое дроп, дропнутый или освобождающийся домен Здравствуйте, уважаемые читатели блога Термин Дроп происходит от английского слова Drop, которое, если верить автоматическому переводчику Google, имеет довольно большое количество значений ...

    Что такое домены, хостинг, DNS сервера и IP адреса, создание, продвижение и заработок на сайте

    > Что такое домены, хостинг, DNS сервера и IP адреса Домены, Ip адреса и связывающие их DNS сервера Что такое доменные имена и какие бывают домены Покупка и продление доменов ...

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

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

    Что такое блог и как его создать на бесплатном движке WordPress, оптимизация и заработок на своем интернет-дневнике, создание, продвижение и заработок на сайте

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

    Что такое анонимайзеры (Хамелеон, Spools) или как скрыть IP адрес для входа в ВКонтакте, Одноклассники, Ютуб и другие сайты, создание, продвижение и заработок на сайте

    > Что такое анонимайзеры (Хамелеон, Spools) или как скрыть IP адрес для входа в ВКонтакте, Одноклассники, Ютуб и другие сайты Здравствуйте, уважаемые читатели блога Прежде чем рассматривать случаи использования анонимайзеров, ...

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

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

    Что такое RSS, где скачать иконки и какая читалка самая лучшая, создание, продвижение и заработок на сайте

    > Что такое RSS, где скачать иконки и какая читалка самая лучшая Здравствуйте, уважаемые читатели блога Эта статья будет посвящена вопросу — что такое RSS и почему его в обязательном ...

    Что такое Rookee и как продвигать сайт в этой системе, создание, продвижение и заработок на сайте

    > Что такое Rookee и как продвигать сайт в этой системе? Здравствуйте, уважаемые читатели блога Я уже писал про некоторые сервисы помогающие продвигать сайты в автоматическом режиме — Сеопульт, SeoWisard, ...

    Что такое Joomla, создание, продвижение и заработок на сайте

    > Что такое Joomla Свое изучение сайтостроения я начал именно с выяснения вопроса: Что такое Joomla и как она может помочь мне в создании сайтов). Если не считать небольшого опыта ...

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

    > Что такое ICQ, как его установить и пользоваться? Здравствуйте, уважаемые читатели блога Не будем расписывать историю возникновения ICQ еще с начала времен его разработки — это не представляет особого ...

    Что такое DNS и как ДНС-сервера обеспечивают работу интернета, создание, продвижение и заработок на сайте

    > Что такое DNS и как ДНС-сервера обеспечивают работу интернета Здравствуйте, уважаемые читатели блога О том, что такое интернет и когда он появился, мы с вам уже говорили. Говорили и ...

    Что такое cookie и как почистить куки в современных браузерах, создание, продвижение и заработок на сайте

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

    Что такое Chmod, какие права доступа назначать файлам и папкам (777, 755, 666) и как это сделать через PHP, создание, продвижение и заработок на сайте

    > Что такое Chmod, какие права доступа назначать файлам и папкам (777, 755, 666) и как это сделать через PHP Сегодня я хотел бы поговорить о правах доступа к файлам ...

    Что мешает SEO-продвижению вашего сайта и как это исправить

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

    Рейтинг@Mail.ru