Virtuemart

Админка компонента VirtueMart

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

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

В обоих вариантах представления (простой и расширенный) меню разделено на группы:

  1. «Настройки» — здесь сосредоточены все глобальные настройки магазина, где можно задать группы пользователей, которые могут им управлять, можно задать список стран, регионов и валют, которые вы будете использовать
  2. «Магазин» — тут можно ввести информацию о вашем ИМ, настроить способы оплаты и доставки
  3. «Товары» — здесь происходят все операции с товарами:
    1. можно создавать категории товара и назначать их оформление
    2. можно добавлять товар и назначать на него скидки
    3. можно добавлять что-то в спец.предложения и управлять мнениями покупателей
    4. можно смотреть, сколько продукции осталось на складе
  4. «Покупатели» — тут можно создать разные группы для покупателей и назначить для каждой группы разные скидки
  5. «Заказы» — вы можете просматривать сделанные покупателями заказы и изменять их статус
  6. «Продавцы» — можно создать категории для продавцов и самих продавцов (используется, если у вас будет больше одного продавца)
  7. «Отчеты» — будут представлены отчеты о продажах и заказах
  8. «Налоги» — можно задать различные налоговые ставки для учета
  9. «Доставка» — задаются варианты доставки для стандартного модуля доставки
  10. «Купоны» -создаем купоны на скидку, номера которых потом можно будет раздать заслуженным покупателям. При заказе товара, эти покупатели смогут ввести номер купона в специальное поле и получить скидку на купленный после этого товар. Размер скидки по купону вы определяете сами.
  11. «Производители» — задаются производители продукции, которая будет продаваться в вашем магазине

Настраиваем в шаблоне внешний вид страниц категорий и товаров в VirtueMart

В выпадающем списке первого поля «Выберете шаблон для магазина» по умолчанию имеется только один шаблон default. Но мы можем его настроить по своему усмотрению. Для этого нужно нажать на ссылку «Настройки» под этим выпадающим списком. В результате, вы попадете в окно с настройками умолчательного шаблона:

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

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

В настройках шаблона VirtueMart из выпадающего списка «Product List Style» можно выбрать, какая будет разметка у списка продукции в категориях. В первом варианте для их вывода используется табличная верстка.

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

  1. Number of recent products to Display – показывать ли иконку ленты новостей RSS, с помощью которой посетитель сможет подписаться на получения извещений при добавлении в данную категорию ИМ нового товара.
  2. Show the Add-to-cart Button on the product list – показывать ли кнопку добавления в корзину () в списке продуктов категорий, для того, чтобы посетители могли осуществлять покупку сразу же при просмотре этого списка, не заходя в карточку понравившегося продукта
  3. Show Vendor Link и Show Manufacturer Link – показывать ли ссылку на продавца или производителя в описании товара (в его карточке)
  4. Show Availability Information – показывать ли информацию о доступности данной продукции
  5. Show additional Pathway on the Product Page – показывать ли на навигацию, т.е. путь до карточки товара (это, так называемые, хлебные крошки в VirtueMart)
  6. Show Prev/Next Product Link – показывать ли в карточке продукта ссылки на предыдущий и последующий предметы продажи из данного раздела
  7. Open Product Images in a LightBox – вы можете выбрать способ открытия увеличенного изображения товара, при щелчке по его превьюшке во flypage. Большая картинка может открываться с использованием эффекта litebox (плавное открытие картинки с одновременным затемнением остальной части окна) или же просто в отдельном окне
  8. Customer Checkout in a popup (GreyBox) – показывать ли окно оплаты во всплывающем окне после того, как товар будет добавлен в корзину
  9. Use Ajax to add, update or delete products from the cart- использовать ли технологию Ajax при добавлении, обновлении и удалении продуктов из корзины, которая позволяет при этом не перегружать всю страницу, обновляться будет только информация в окне корзины
  10. Show featured products on frontpage – показывать ли рекомендуемые продукты на главной странице Виртуемарта
  11. Show the latest products on the frontpage — показывать ли последние просмотренные товары на главной странице
  12. Number of recent products to Display — здесь можно указать, сколько именно последних просмотренных предметов продаж показывать

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

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

Поле «Включить динамическое изменение для мини-изображений» — очень полезная опция, которая использует библиотеку языка PHP GВ2 и при ее активации вам не нужно будет самостоятельно делать миниатюры для фотографий продукта. Достаточно просто загрузить полноразмерную фотографию, ну а миниатюра создастся автоматически. Размер создаваемой миниатюры можете указать в расположенных ниже полях «Ширина и высота мини-изображения».

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

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

Подборки по теме

Использую для заработка

Joomla Virtuemart

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

Обратите внимание, расширение очень популярное и распространенное в рунете, имеет большое сообщество пользователей и специалистов по плагину. Это значит, что есть много документации и информации, постов в блогах и рекомендаций: значит вы не останетесь наедине с возникающими проблемами и всегда найдете ответ на вопрос — «обновил джумлу белый экран что делать»

Подобная популярность плагина одобряется и платежными системами — у вас не будет проблемы, чтобы привязать Яндекс.Деньги или Робокассу к своему магазину. Большая часть расширений бесплатна, за некоторые конечно придется заплатить. Ну и последний плюс — Virtuemart полностью локализован и русифицирован.

Аналоги Joomla Virtuemart — JoomShopping, K2Store (Store for K2), redSHOP. О них поговорим в другой раз.

Настройка шаблона отображения категории товаров Virtuemart 2.

Ни для кого не секрет, что сам по себе компонент Virtuemart 2 очень сырой и требует доработки, прежде чем будет выглядеть более-менее презентабельно. Не исключено, что в следующих версиях, разработчики сделают его более юзабельным. Это касается одновременно и шаблонов отображения категории товаров, самой странички товара, так и шаблона отображения корзины товаров. Иначе для покупателя покупка товара превращается в некий квест, не пройдя который он может просто забить на все и уйти, так ничего и не купив. А это есть не очень хорошо и с этим нужно что-то делать. Что в свою очередь означает, что мы с вами будем редактировать некоторые шаблоны самого компонента.

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

В первую очередь будем отталкиваться от того, что сам компонент находится вот здесь — /components/com_virtuemart.

/components/com_virtuemart/views

Примечание. В папке views лежат еще папки, присущие соответствующим шаблонам. Рассмотрим теперь, какая папка и за какой шаблон отвечает.

components/com_virtuemart/views/askquestion – шаблоны формы – “Задайте вопрос по этому товару”.

components/com_virtuemart/views/cart – шаблоны отображения самой корзины, которая собственно изначально и организована слишком криво, и которую мы будем потом править, приводя в юзабильный вид.

components/com_virtuemart/views/categories – честно говоря, так и не разобрался, что правится в этом шаблоне. По идее должно отображение товаров в категории. А на деле – никаких изменений мною замечено не было, однако если вы сможете разобраться за что в итоге отвечает этот шаблон, то буду признателен.)

components/com_virtuemart/views/category – шаблон отвечает за отображение товаров в категории, а от предыдущего отличается тем, что работает) Изначально шаблон кривой… И в отличии от предыдущего Виртуемарта, мы никак не можем через админку повлиять, чтобы дизайн был табличным. Ну что ж, ладно, невелика беда… В одном из своих уроков я расскажу, как придать шаблону табличный вид, путем редактирования самого шаблона.

components/com_virtuemart/views/invoice – шаблоны формирования PDF отчетов, и формирования писем, приходящих на почту клиенту.

components /com_virtuemart/views/manufacturer – здесь находятся все шаблоны, отвечающие за отображение товаров по производителю.

components /com_virtuemart/views/orders – шаблон отправки письма на почту пользователю с информацией о сделанном им заказе.

components /com_virtuemart/views/pdf – шаблон формирования показа товара в PDF-документе, при щелчке по соответствующей иконке.

Примечание. Отображение самой иконки настраивается в настройках Virtuemart на вкладке “Внешний вид”. Галочка напротив пункта – “Показывать иконку PDF? “.

components/com_virtuemart/views /pluginresponse — подтверждение оплаты платежа.

/components/com_virtuemart/views /productdetails – отображение товара.

/components/com_virtuemart/views /recommend ­ — форма показа рекомендуемых товаров.

/components/com_virtuemart/views /user – информация о покупателе.

/components/com_virtuemart/views /vendor – информация о продавце.

/components/com_virtuemart/virtuemart/ — отображение шаблонов по умолчанию.

Еще пару слов о том, как устроены шаблоны.

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

Может быть это звучит несколько запутанно, но если попробовать объяснить попроще, то если у меня есть пункт меню, который привязан к главной странице Виртуемарта и я хочу отредактировать шаблон просмотра категории товаров, то мне нужен будет именно файл view.html.php. Во всех остальных случаях, допустим когда у меня пункт меню привязан к отдельной категории, мне нужно будет редактировать файл default.php, который находится в подпапке tmpl соответствующей директории шаблона.

Установка VirtueMart на Джумлу

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

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

com_virtuemart_1.1.3.j15.zip

а так же папки с модулями (modules) и плагинами (plugins) для него. Итак, для установки выполняем следующую последовательность действий в админке Джумлы: «Расширения» — «Установить/Удалить» — «Загрузить файл пакета» — кнопка «Обзор» — находим на своем компьютере архив:

 com_virtuemart_1.1.3.j15.zip

жмем на кнопку «Загрузить файл&Установить».

Процесс установки занимает примерно минуту, по его окончанию вы увидите сообщение:

Решение проблем при установке расширений на Джумлу

Существует несколько наиболее часто встречающихся проблем при установке расширений. Рассмотрим их все по очереди.

Иногда может выскочить ошибка, говорящая о том, что при установке не удается создать каталог. Для решения этой проблемы, как правило, достаточно установить права доступа 777 на следующие директории:

  • administrator/components/
  • administrator/modules/
  • administrator/templates/
  • components/
  • plugins/
  • plugins/content/
  • plugins/editors/
  • plugins/editors-xtd/
  • plugins/search/
  • media/

Сделать это можно с помощью ftp-менеджера FileZilla (можно и через Тотал коммандер), описанным вот тут способом ().

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

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

Для этого нужно получить доступ к сайту по FTP и найти, а затем удалить объекты с названиями, созвучным с названием расширения, в таких директориях вашего сайта как:

  • administrator/components/
  • components/
  • plugins/
  • modules/

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

  • разархивируем дистрибутив расширения на компьютере в любую папку
  • получаем доступ по FTP к вашему серверу
  • в корневой папке движка находим каталог , копируем в него файлы и папки расширения
  • входим в админку и выбираем в меню пункт «Расширения» — «Установить/Удалить» — «Установить из папки»
  • в строке «Папка установки» прописываем абсолютный путь до директории (как узнать этот путь, вы можете прочитать в моем посте про тонкости
  • жмем «Установить»

Вместо директории можно создать любую другую папку — это не принципиально.

При возникновении такой ошибки (JFolder::create: Infinite loop detected Внимание! — Не удалось переместить директории), после попытки установки расширения в Joomla, следует в первую очередь проверить CONFIGURATION.PHP, который находится в корневой папке. Для этого вам нужно будет подключиться к хосту по FTP и открыть на редактирование в удобном для вас редакторе (рекомендую удобный Html редактор с подсветкой описанный тут) этот самый CONFIGURATION.PHP

Ошибку нужно искать в тех строках CONFIGURATION.PHP, которые задают абсолютный путь до папок с временными директориями и логами. Эти строки выглядят примерно так:

var $log_path = '/home/ваш_логин_у_хостера/public_html/logs';
var $tmp_path = '/home/ваш_логин_у_хостера/public_html/tmp';

Здесь прописаны именно абсолютные пути до этих каталогов. Начало этого пути можно посмотреть на главной странице панели cPanel, если ваш хостер использует именно эту панель управления. Абсолютный путь до элементов вашего сайта можно так же узнать и другим способом, который подробно описан .

Основные настройки Virtuemart 2.

Связываем главный модуль с пунктом меню.

Заходим в Меню – Менеджер меню – Создать меню. Вводим необходимые параметры.

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

Тип меню – это то, что в старых версиях Joomla называлось раньше Системным меню, почему в новой версии оно называется именно так, мне не совсем понятно, потому как немного теряется смысл. Оно должно быть написано английскими буквами и являться уникальным.

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

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

Среди всех прочих, нам нужен будет пункт Главная, в блоке Virtuemart.

На следующем шаге:

Заголовок меню – вводим название пункта меню.

Настройки справа:

Параметры отображения страницы – здесь можно задать titleстраницы.

Метаданные – соответствующие поля для мета-тэгов.

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

“Предупреждение, Безопасный путь, по соображениям безопасности, создание папки по URL не доступно, создайте также папки для счетов внутри для хранения данных. Рекомендуемый путь для вашей системы ”.

Собственно сообщение для пользователя, впервые с ним столкнувшегося, будет не очень непонятным. В нем говорится, что создание папки по URLнедоступно – значит нам нужно будет самим создать такую папку vmfiles там, где попросит Virtuemart(рекомендуемый путь).

Затем через верхнее меню перейти Компоненты – Virtuemart – Настройки, выбрать вкладку Шаблоны, в группе полей Настройки файлов в строку Безопасный путь вставить рекомендуемый, который можно будет тут же скопировать через окно предупреждений сверху.

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

Заполнение информации о магазине.

Чтобы заполнить данные о магазине, нужно в меню Virtuemartслева выбрать пункт Магазин. На определенном этапе, будь то покупка или оформление заказа, эти данные будут видны конечному пользователю.

Тут все должно быть понятно. Заполняем название магазина, загружаем эмблему, выбираем валюту, с которой будем работать и вводим краткое описание.

На вкладке “Дополнительная информация” заполняем контактную информацию о продавце.

На этом с основными настройками все! И собственно можно приступать уже непосредственно к заполнению товаров. Об этом, а также и о многом другом, мы поговорим в следующей серии статей.

Как обновить Virtuemart 2 и при этом не затереть файлы шаблона?

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

Для этого будет нужно в папке нашего шаблона Джумлы, который находится в папке templates, в папку html(а если ее не было, то необходимо будет ее создать) скопировать содержимое папки /components/com_virtuemart/views/ в /templates/мой_шаблон/html/com_virtuemart/ с той лишь поправкой, что структура должна быть скопирована полностью без папки tmpl.

К примеру шаблон категории, который изначально находился здесь — components\com_virtuemart\views\category\tmpl\default.php в итоге, по завершении нашей операции, должен будет располагаться тут — templates\имя_нашего_шаблона\html\com_virtuemart\category\default.php.

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

Как установить Joomla Virtuemart

Заходите в админку Джумлы, идете в «Расширения», затем в «Менеджер расширений». Затем жмете кнопку «Обзор» и выбираете скачанное расширение com_virtuemart.3.0.14.zip

У меня скриншоты старой версии, на это можно не обращать внимание, пункты остались теми же

Жмите «Загрузить и установить». Вам придется подождать пока компонент загрузится и установится — просто сохраняйте спокойствие и продолжайте ждать. После окончания процесса установки VM, вы можете загрузить демо-данные, чтобы посмотреть магазин в работе уже с демо-товарами.

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

Если же на сервере не хватило времени для завершения установки, то можно добавить в .htaccess небольшой безвредный хак:

php_value max_execution_time 120

Это расширит время, которое сервер дает для установки.

Затем не торопясь установите com_virtuemart.3.0.14_ext_aio.zip — абсолютно таким же способом: «Обзор» → «Загрузить и установить». Снова ждем до момента появления заветной надписи «Success».

Последнее что осталось сделать, установить архив с файлами русификации ru-RU.com_virtuemart весом ~100Кб.

Вот и все, успех. Установка Virtuemart на Joomla завершена. Теперь пару слов о настройке.

История появления Джумлы и Виртуемарта

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

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

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

Это, естественно, не устроило владельцев, и было принято решение о запрете использования бренда Mamba для фришной версии. В результате разработчиками-энтузиастами был объявлен конкурс на новое название их детищу. Ну и вы, конечно, догадались, что в конкурсе победило название Joomla. Вот такая вот увлекательная история.

При заходе посетителя на сайт сразу открывается магазин

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

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

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

Выполняем следующую последовательность действий в админке Джумлы: «Расширения» — «Установить/Удалить» — «Загрузить файл пакета» — кнопка «Обзор» — находим на своем компьютере файл — жмем на кнопку «Загрузить файл&Установить». Процесс установки главного модуля занимает немного времени и по его завершении вы увидите сообщение об успешном его окончании. Если возникнут какие-либо проблемы на этом этапе, то вы можете поискать решение вашей проблемы при установке расширений на Joomla.

Как настроить табличное отображение товаров в Virtuemart 2?

Одним из недостатков Виртуемарт является то, что у него нельзя настроить из-под коробки настроить так, чтобы все товары отображались в виде таблички. Поэтому нам придется отредактировать стили. Что ж, приступим.

Следующее, чем мы сейчас займемся, так это редактированием шаблона, а именно – непосредственно файла default.php, который находится по адресу:

components/com_virtuemart/views/category/ или templates/имя_нашего_шаблона/html/com_virtuemart/category , если вы согласно моему совету переопределили шаблон Virtuemart.

Приступим к редактированию файла стилей, который у меня допустим лежит в паке components/com_virtuemart/assets/css/ и называется vmsite-ltr.css(это стандартный виртуематовский шаблон). У вас он может быть свой, в зависимости от того, какой шаблон вы используете.

Я видоизменяю стандартный, поэтому он и будет взят за основу. Не буду описывать процедуру эту подробно, где и что мне приходилось менять, потому что это тема для отдельной истории, — основы HTML и CSS. Вместо этого, я дам ссылки на то, что у меня получилось в итоге.

Вот что у меня получилось в итоге – default.php

Здесь файл со стилями — vmsite-ltr.css

До встречи в следующих уроках!

Ссылка на основную публикацию