Упрощаем корзину в virtuemart 3. Установка и начальная настройка Virtuemart

Компонент оформления заказа на одной странице, который должен иметь каждый интернет магазин на Virtuemart версии 2.0.x и 3.x Если вам не безразличны удобство и быстрота оформления заказа в вашем интернет-магазине, если вы не хотите из-за этого терять своих покупателей, то вы ПРОСТО ОБЯЗАНЫ установить это программное обеспечение на ваш сайт. Ни для кого не секрет, что стандартная страница оформления заказа во второй версии Виртуемарта может запутать любого, даже самого продвинутого, интернет-покупателя. Получилась такая ситуация из-за непродуманной, со стороны разработчиков, последовательности действий, что привело к множеству лишних телодвижений, со стороны покупателя. OnePage CheckOut от Rupostel лишен всех этих недостатков и выводит форму заказа на одной странице

Не имеет ограничений и лицензий!

И так, немного поясню как это работает:

1. Пользователь (он же покупатель) выбирает товар в вашем магазине, указывает количество, параметры (если есть) и кладет его в виртуальную корзину.
2. Покупатель нажимает на ссылку или кнопку "Показать корзину" из любого места вашего сайта и попадает на страницу оформления заказа.
3. На странице заказа он увидит содержимое своей корзины, где также сможет отредактировать количество товаров в ней или удалить ненужный товар, форму регистрации и форму входа (если в настройках выставлено ее отображение).
4. Ближе к низу страницы он увидит кнопку "Оформить заказ" при нажатии на которую произойдет само оформление без лишних вопросов и заполнений непонятных дополнительных полей.

Следует отметить, что данный компонент использует:

• поля заполняемые пользователем
• способы доставки
• способы оплаты

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

Внешний вид вывода настраивается при помощи шаблонов. В программе уже присутствуют 4 шаблона, два из которых подойдут под "отзывчивый" дизайн.

Не имеет отношения к плагину One Page Checkout for VirtueMart от LineLab. Это совсем другое и более простое решение. Можно сказать лучший аналог неудобного плагина.

Одинаково хорошо работает как на версиях Joomla 2.5 так и 3.х, а так же Virtuemart 2 и 3

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

Но, как правило, универсальный инструмент все равно будет уступать набору специализированных, поэтому имеет смысл рассмотреть возможности всех стандартных модулей VirtueMart, идущих с ним в комплекте.

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

Поиск по интернет магазину VirtueMart

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

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

Зайти в свой интернет магазин и скопировать ссылку на страницу расширенного поиска по характеристикам, а затем зайти в админку Joomla и создать в любом удобном вам меню новый пункт под названием «Фильтр товаров» (или еще как-то по другому его обозвать), который будет вести на эту самую страницу.

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

Выбираете из предложенного списка возможных вариантов — «Внешняя ссылка», после чего даете название этому пункту меню и вводите в поле «Ссылка» только что скопированный в главном блоке Урл страницы расширенного поиска по характеристикам. Все. Аналогичным образом вы можете скопировать из главного модуля VirtueMart и другие полезные ссылки, например, на страницу администрирования интернет магазина без захода в админку, или на страницу корзины и оформления заказа.

Но вернемся непосредственно к организации обычного поиска по товарам интернет магазина. Тут возможны два вариант:

1. можно использовать стандартный блок, который идет в комплекте с компонентом, но поиск при этом будет вестись только в магазине
2. можно будет установить плагин поиска идущий в комплекте с Виртуемартом, который научит стандартный модуль поиска Джумлы искать и по товарам интернет магазина, и по остальным материалам сайта

Посмотреть и скачать расширения для VirtueMart можно, например, на этой странице Extensions для Joomla или же на самом сайте интернет магазина . А вообще стандартный набор идет в комплекте с компонентом, который вы скачали с этой страницы (Complete Package).

После распаковки архива Complete Package вы найдете в папке «modules» двенадцать файлов, а в папке «plugins» — два, которые сможете при желании использовать на сайте.

Установка их осуществляется стандартным образом, в соответствии с общими правилами . При возникновении проблем с установкой можете воспользоваться советами из приведенной статьи.

После установки модуля поиска вам нужно будет выбрать из верхнего меню админки Джумлы пункты «Расширения» — «Модули» и щелкнуть по строчке с «VirtueMart Search». Настроек, как таковых, у него практически и нет, вам нужно будет только для его вывода на сайте.

Так, а теперь давайте рассмотрим возможность использования стандартного модуля Джумлы для поиска по товарам интернет магазина. По умолчанию, он этого делать не умеет, ибо не обучен данной премудрости, но это легко исправить. Достаточно установить плагин vmxsearch.plugin.zip из состава Complete Package. Установка данного плагина осуществляется в соответствии со всеми правилами описанными выше.

Для его активации нужно будет выбрать из верхнего меню админки «Расширения» — «Плагины» и выбрать из выпадающего списка фильтра вариант «Search»:

Для активации и просмотра настроек плагина поиска по товарам нужно щелкнуть по строчке «Virtuemart Extended Search Plugin». Настройки у него имеются, они позволяют включить или же исключить из области поиска те или иные элементы интернет магазина (названия товаров, их полные и краткие описания и т.п.). Обычно имеет смысл оставить настройки без изменений, тем самым разрешив поиск по всем областям.

Активировав этот плагин, вы получите возможность с помощью стандартного модуля поиска в Joomla искать в том числе и в товарах вашего интернет магазина. Кстати, пока вы не вышли из менеджера плагинов, можете отключить ненужные вам области поиска по своему сайту, просто сняв с публикации соответствующие плагины (например, отключить поиск в контактах «Search — Contacts» или же в новостных лентах «Search — Newsfeeds»).

Модуль корзины для магазина VirtueMart

Функция отображения корзины с купленными товарами имеется и в главном блоке Виртуемарта, но отдельно расположенный модуль корзины может выглядеть предпочтительнее с точки зрения улучшения юзабилити и простоты работы с вашим интернет магазином. Итак, сначала нам нужно установить расширение корзины(mod_virtuemart_cart.zip) в Joomla. Делается это стандартным способом.

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

Вообще внешний вид корзины в VirtueMart можно изменять, редактируя файл ее шаблона (com_virtuemart/themes/default/templates/common/minicart.tpl.php), но для этого нужно понимать, что вы делаете.

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

Как раз над этой надписью и можно будет, например, вставить в шаблон (файл) изображение и ссылку на корзину (страницу, где будут показаны все заказанные товары и будет возможность продолжить оформление заказа). Для редактирования файла вам нужно подключиться к сайту по FTP, например, с помощью программы FileZilla и любой другой подобной. В самом низу кода файла com_virtuemart/themes/default/templates/common/minicart.tpl.php вы найдете строку:

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

Картинку нужно будет предварительно загрузить на сайт по FTP в указанную в операторе «src» папку. В результате может получиться примерно такой вид:

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

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

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

Вам может быть интересно

Модули вывода списка категорий в VirtueMart - добавляем картинки с помощью Category List и Frontpage Categories
Модуль вывода и прокрутки товаров Product Scroller и плагин VirtueMart Product Snapshot для вставки товара в статью Joomla
Создание в Joomla пункта меню для магазина на VirtueMart, установка и настройка главного модуля
Настройка регистрации пользователей в VirtueMart и внесение информации об интернет магазине
Решение часто возникающих в VirtueMart проблем, доработка функционала и внешнего вида интернет магазина для Joomla
Настройка шаблона VirtueMart, способы отображения категорий и товаров, корзины, версии страниц для печати
Задание типа товара и его параметров в VirtueMart, для последующей организации поиска с фильтрами в интернет магазине
Настройка интернет магазина на VirtueMart сразу после установки его на Joomla
Как открыть интернет-магазин - пошаговая инструкция
Добавление товара в интернет магазин на основе VirtueMart - создание списка производителей и структуры категорий
1minute.website - бесплатный конструктор интернет-магазина с хорошим функционалом

Он находится в разделе e-Commerce -> Shopping Cart

Архив com_virtuemart.2.0.24_extract_first.targz.zip состоит из 3 файлов - самого компонента Virtuemart, расширений к нему и readmy файла.

Сначала устанавливаем компонент - com_virtuemart.2.0.24.tar.gz, потом расширения к нему - com_virtuemart.2.0.24_ext_aio.tar.gz

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

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

Создадим пункт меню для главной страницы Virtuemart, назовем его Каталог товаров или Магазин, как-то так..)

Снимем с публикации лишние модули Виртуемарта.

Все, мы установили Virtuemart, теперь перейдем к его начальной настройке..

Создадим папку vmfiles на один уровень выше сайта.

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

Быстро снять с публикации можно следующим образом: выберем внизу страницы размер списка 400, чтобы на странице отобразились все страны, отметим все страны и снимем галочку у записи Russian Federation (Российская федерация) [Регионы] Теперь нажимаем кнопку снять с публикации.

Аналогично делаем для пункта меню Валюты. Оставляем российский рубль, если для магазина не предусматривается дополнительная валюта.

Теперь перейдем в раздел Магазин - магазин, здесь заполним информацию о магазине и выберем валюту магазина.

На вкладке Продавец:

Название магазина, Название компании, Описание магазина, Мета информация

• Валюта Russian ruble
• Список валют Russian ruble

На вкладке Дополнительная информация заполняем необходимые для заполнения поля, они помечены звездочкакми.

Перейдем в раздел Параметры - Параметры, вкладка Магазин.

Если не предполагается использовать корзину, то ставим галочку около Использовать как каталог

Языки поддерживаемые магазином Russian

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

Настройка внешнего вида делится на

• общую настройку
• и настройку главной страницы.

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

Для главной страницы можно отключить

• Показать рекомендуемые товары
• Показать 10 лучших товаров
• Показать Недавно просмотренные товары
• Показать последние добавленные товары

Это каждый решит сам. Например, рекоммендуемые товары можно выводить с помощью модуля..

Формирование цен.

Цены можно выводить можно не выводить..

Если выводить цены по минимуму, то можно снять все опции на данной странице, оставить только Окончательная цена. Надпись к ней можно тоже отключить.

Если мы не отключили функции корзины на вкладке Магазин раздела Настройки, то теперь на вкладке Оформление заказа можно настроить поведение корзины.

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

Вкладка Настройки сортировки.

Оставим для сортировки два поля Название и Цена.

Вкладку SEO оставим без изменений.

Настройка

• Способа доставки
• и Способа оплаты.

Это раздел Магазин в меню слева.

Создадим способа доставки и назовем его Самовывоз.

Создадим способ оплаты и назовем его Оплата в магазине.

Почти все для начальной настройки, осталось еще задать в разделе Настройки - Поля, заполняемые пользователями поля, которые будет заполнять пользователь во время оформления заказа.

Вообще, если у вас включено ajax-добавление товаров в корзину, то путь корзины должен быть таким:

www.ваш_сайт.ru/index.php?option=com_vir tuemart&page=shop.cart

В файле "/components/com_virtuemart/themes/defau lt/templates/pages/shop.cart.tpl.php" хранится "то, что до корзины", сам вызов корзины и "то, что после".
Нас может заинтересовать то, что после. Немного поковырявшись можно найти де удалить фразы "Продолжить покупку" и "Оформить заказ" внизу корзины.

Сама же таблица, в которой формируется корзина, хранится в файле "/components/com_virtuemart/themes/defau lt/templates/basket/basket_b2c.html.php"

Что там можно сделать? Полностью изменить строение корзины как нам нужно. Визуальное оформление оставим для CSS)
Как работает стандартная корзина?
Кодом:
создается строка с заголовками солбцов. Соответственно:

_("PHPSHOP_CART_NAME") ?> - название товара
_("PHPSHOP_CART_SKU") ?> - артикул
_("PHPSHOP_CART_PRICE") ?> - цена
_("PHPSHOP_CART_QUANTITY") ?> / _("PHPSHOP_CART_ACTION") ?> - количество/действие
_("PHPSHOP_CART_SUBTOTAL") ?> - предварительный итог

Что нам мешает написать в тегах просто эти слова (название, артикул итд..) вместо пхп-кода? Да ничего. Только не забудьте сохранять данный файл в utf-8.

Далее идет код:

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

Что мы со всем этим можем сделать? Убрать лишнее и поменять местами как нам нужно.

Далее идут строки со вскими промежуточными налогами, прдитогами итд... Мне это нафиг не нужно было, потому я не копался а просто всё затер, кроме вывода "Итого":

В общем я только начал копаться в корзине виртуемарта, так что нарыл мало. Как узнаю и не захочу забыть ещё что-нибудь полезное - сразу напишу сюда)

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

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

По умолчанию корзина выглядит примерно так.

Для начала отключим регистрацию во время оформления заказа. Для этого нужно зайти в Компоненты->Virtuemart->Настройки->Оформление заказа и убрать галочку напротив "Регистрация во время оформления заказа". Здесь же можно настроить показ миниатюр изображений товара. О остальных полях поговорим чуть позже.

После этого поля для регистрации не будут выводится в корзине.

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

Убрать ее можно на странице настроек virtuemat "Поля, заполняемые пользователями". На этой же странице можно выбрать какие именно поля будут отображаться когда пользователь будут вводить свои данные во время оформления заказа. Чтобы отключить ненужные поля просто нажимаем на зеленую галочку напротив поля в колонках " Опубликовано" и "Обязательно".

Правда отключить поле "Я согласен с Условиями обслуживания" таким образом не получится.

Чтобы сделать это и другие поля (например, email) активными нужно внести небольшие правки в файл administrator/components/com_virtuemart/models/userfields.php

Находим код

И комментируем agreed

После этого просто отключаем поле adreed в настройках.

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

После этого при заходе в корзину сразу будут выбираться способы оплаты и доставки.

Можно также скрыть лишний, на мой взгляд, блок "Адреса доставки". Для этого зайдем в файл components/com_virtuemart/views/cart/tmpl/default_pricelist.php. Находим второй div на странице, начинающийся с