Virtuemart как вывести товар

Вывод информации в карточке товара Virtuemart

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

Сразу хочу сказать, что описывать все данные не стану, так как информации довольно много. Если у Вас есть минимальные познания в PHP, просто возьмите и распечатайте массив, после чего возьмите любую необходимую информацию.

Вот небольшой список конструкций для вывода наиболее часто необходимой информации.

Название товара

Артикул

Ссылка задать вопрос по этому товару

Краткое описание

Подробное описание

Основное изображение

Дополнительные изображения

Доступность товара (текст)

Доступность товара (изображение)

Минимальное количество для заказа

Максимальное количество для заказа

Единица измерения товара

Вес

Единица измерения веса

Длина

Ширина

Высота

URL товара

Остатки

Можно также вывести мотивирующею надпись, если количество товаров, например меньше 10:

Дата поступления товара

Рекомендуемый товар (1 или 0)

Упаковка

Ссылка вернуться в категорию товара

Источник

VirtueMart – интернет-магазин на Joomla. Часть 18. Вывод категорий VirtueMart с изображениями на главной станице сайта.

Мне часто задают вопросы о том, как сделать, казалось бы, элементарную вещь – вывести категории товаров VirtueMart с изображениями на главной странице в виде таблицы, например, из 3 колонок. Такая, вроде простая, задача решается в VirtueMart отнюдь не просто. В этой статье я расскажу о том, как можно красиво вывести категории товаров VirtueMart на главную страницу сайта не прибегая к использованию ссылки на компонент(главную страницу VirtueMart).

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

Всего есть два варианта реализации подобной задачи, которые я знаю:

1. Использовать в качестве главной страницы сайта главную страницу VirtueMart;
2. Использовать сторонний модуль выводящий категории VirtueMart(т.к. стандартный выводит только список категорий без изображений).

Каждый из этих способов достоин внимания, поэтому я подробно расскажу и о том и о другом.

Использование в качестве главной страницы сайта главной страницы VirtueMart.

Этот метод используют многие web-мастера. Суть его в том, что в главное меню добавляется ссылка на компонент VirtueMart, которая ведет на, так называемую, главную страницу VirtueMart. Данная ссылка ставится на первое место в mainmenu и устанавливается главной станицей по умолчанию. Таким образом, при заходе на сайт, пользователи попадают на главную станицу VirtueMart. Данный способ неплох, но у него есть несколько очевидных недостатков. Во-первых, шаблон главной страницы редактируется в большей степени в коде, а не настройками, хотя кое-что можно настроить зайдя в «VirtueMart» –> «Настройки» –> Вкладка «Сайт» –> Окно «Вид» –> Ссылка «Настройки».

Файл шаблона главной страницы:

Файл шаблона категорий главной страницы:

Во-вторых, иногда требуется вывести на главной странице не только категории, но и какой-нибудь приветствующий текст, либо последние новости или что-то еще. В таком случае идеально подходит компонент главной страницы Joomla, но не VirtueMart.

Использование стороннего модуля, выводящего категории VirtueMart.

Вывод категорий VirtueMart через модуль, конечно, гораздо удобнее. Модуль можно вставить в любую позицию или даже в любое место в статье, показываемой на главной странице. Но когда я стал искать подобный модуль, то был крайне удивлен, что выбирать практически не из чего. Решение такой простой задачи, как вывод категорий товаров VirtueMart с картинками в модуле оказалось совсем не просто найти. Лучшим модулем, который я нашел, был «VirtueMart category list» от www.phoca.cz. Модуль оказался простейшим, но выводил товары не очень красиво. В частности, название категории было справа от изображения, что выглядело ужасно.

Я немного переделал этот модуль, приведя вывод категорий к виду, показанному на рисунке в начале статьи.

Расскажу немного о настройках модуля. Все они показаны на следующем рисунке:

– Number of Columns (количество колонок) – здесь задается количество колонок, или количество товаров, показываемых в одной строке;

– Display Image (показывать изображение) – здесь можно выбрать отображение уменьшенного изображения для категорий – «Yes(Thumbnail)»(уменьшенные изображения категорий должны существовать), отображение категорий с маленькими картинками папок – «Yes(Category)», или без изображений;

– Display Categories (показывать категории) – здесь можно выбрать отображение либо всех категорий товаров, либо только корневых категорий (в этом случае подкатегории не показываются).

Остальные настройки аналогичны всем другим модулям Joomla.

Скачать данный модуль вы можете в конце статьи.

Оформление главной страницы с использованием категорий VirtueMart.

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

1. Под словом «размер» я понимаю разрешение изображения в пикселях (например, 150×150 px);
2. Задать размер для мини-изображений по умолчанию можно в «Настройки» –> Вкладка «Сайт» –> ширина и высота мини-изображения соответственно.

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

1) Настроить главную страницу таким образом, чтобы на ней была показана только одна статья без всяких дополнительных кнопок и ссылок. Для этого идем в «Главное меню» и кликаем по ссылке «Главная». После этого откроется окно, в правой части которого можно задать все необходимые параметры.

Подробно останавливаться не буду, т.к. это стандартные настройки Joomla, скажу лишь, что основные параметры должны быть установлены, как на рисунке выше.

2) Теперь необходимо оставить для отображения на главной странице только один материал. Отображение на главной у всех остальных должно быть отключено. Это делается простой установкой опции в менеджере материалов.

3) Итак, у нас есть одна статья, которая отображается на главной странице сайта, и при этом выглядит как простой текст (т.к. иконки, даты создания и изменения, авторы, и.т.д. мы отключили в пункте 1). Остается лишь наполнить эту страницу необходимой информацией и вывести в ней модуль категорий товаров VirtueMart с картинками. Если с наполнением проблем быть не должно, то с выводом могут возникнуть трудности, т.к. многие не знают как вывести модуль в тексте статьи. Для того, чтобы сделать это, следуем пунктам ниже:

а) в менеджере плагинов нужно опубликовать плагин «loadmodule» или «Содержимое — Загрузка модуля в Материал»;

б) В настройках нашего модуля, в поле «Позиция» мы вписываем(. ) любое название нашей новой позиции, например «mainpage». Главное, чтобы оно не совпадало с уже существующими позициями модулей. После этого сохраняем изменения.

в) В тексте статьи, в предполагаемом месте вывода списка категорий товаров вписываем

Либо любое другое название позиции, которое вы задали в предыдущем пункте.

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

Дополнительные файлы: модуль VirtueMart category list redesigned by Wedal

Источник

Virtuemart

Virtuemart – бесплатный компонент интернет-магазина на Joomla, который имеет большую историю и достаточно широкий функционал, доступный из коробки.

К основным особенностям Virtuemart, доступным из коробки относятся следующие:

• Неограниченное количество товаров
• Неограниченное количество категорий и уровней вложенности
• Производители и категории производителей
• Собственные поля для товаров разных типов, с возможностью добавления новых типов полей через плагины
• Контроль остатков
• Любое количество валют с возможностью автоматического пересчета цен по курсу ЕЦБ/ЦБ.
• Неограниченное количество групп покупателей
• Неограниченное количество цен для товара, в том числе, в зависимости от группы покупателей, количества диапазона дат
• Гибкая настройка цен для товаров (цену можно задавать в любой валюте, применять к ней скидки, наценки, налоги и другие правила рассчета)
• Неограниченное количество налогов и скидок для товаров, категорий и групп товаров, которые могут применяться в зависимости от: валюты, категории, группы покупателей, страны, области, производителя, диапазона дат
• Функционал отзывов и рейтингов
• Неограниченное количество способов оплаты с возможностью подключать различные платежные шлюзы с помощью плагинов (на текущий момент для Virtuemart существуют плагины практически для любых платежных систем, в том числе, Яндекс.Касса, Робокасса, Интеркасса, Сбербанк, Альфабанк и другие)
• Неограниченное количество способов доставки с возможностью подключать различные системы доставки с помощью плагинов (на текущий момент для Virtuemart существуют плагины практически для всех систем доставки, в том числе Почта России, СДЭК, Boxberry и другие)
• Неограниченное количество статусов заказов
• Гибкая настройка способов достави и оплаты в зависимости от полей, заполняемых пользователем при оформлении заказа
• Неограниченное количество пользовательских полей для оформления заказа
• Возможность создания личного кабинета покупателя со списком его заказов и просмотром подробностей отдельного заказа и его текущего статуса
• Медиа-менеджер, позволяющий быстро загружать изображения и добавлять неограниченное количество изображений для каждого товаров
• Модули для списка категорий товаров, оторажения товаров (популярные, рекомендуемые, новые, случайные), мини-корзины, поиска по товарам

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

Базовый внешний вид Virtuemart достаточно примитивный, но вы всегда можете использовать один из множетсва шаблонов Virtuemart, или же заказать уникальный дизайн и разработку собственного шаблона для Virtuemart. Примеры интернет-магазинов на Virtuermart вы можете посмотреть у меня в портфолио.

В этом разделе вы найдете множество обучающих статей по работе с Virtuemart, начиная еще с версии 1.1.x, и заканчивая современным Virtuemart 3.

Если вы собираетесь делать интернет-магазин, обязательно прочитайте статью:

Источник

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

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

В этом коде вы только указывает идентификационный номер продукта (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 поля, из которых для вас обязательным является только его активация (поле «Включен» и галочка в позиции «Да»).

В левой области настроек модуля 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

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

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

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

Известно, что если сайт доступен по адресам 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 для этого блога выглядит так:

RewriteEngine On RewriteBase / RewriteCond % !-f RewriteCond % !-d RewriteRule . /index.php [L] RewriteEngine on RewriteCond % !FeedBurner [NC] RewriteCond % !FeedValidator [NC] RewriteRule ^feed/?([_0-9a-z-]+)?/?$ _http://feeds.feedburner.com/Ktonanovenkogoru [R=302,NC,L] FileETag MTime Size ExpiresActive on ExpiresDefault «access plus 1 month» order allow,deny deny from all

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Здравствуйте, если тема ещё жива, ответьте пожалуйста.

Как изменить код кнопки Купить, чтобы при нажатии не выкидывало из материала в корзину,

а открывалось бы выплывающее окно с выбором- продолжить покупки или оформить заказ.

Нет в установочном пакете плагина Product Snapshot VirtueMart

И папки plagins в установочном пакете тоже нет. Там есть файлы архивов com_tcpdf_1.0.9.zip , com_virtuemart.3.8.6.10373.zip ,

И внутри этих архивов тоже нет этого плагина.

Может не там искал?

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

Источник