Virtuemart 3 настройка оформления заказа. Joomla VirtueMart: установка и настройка интернет-магазина
По умолчанию процесс покупки в корзине очень запутанный. Чтобы облегчить жизнь покупателям и повысить конверсию сайта попробуем максимально упростить корзину.
Я рассмотрю вариант покупки без регистрации, потому что считаю, что регистрация уместна только на крупных сайтах типа ozon.ru. Virtuemart же используется для создания средних магазинов, регистрироваться на которых большинство покупателей не будет, потому как у людей и так достаточно паролей, которые им нужно помнить.
По умолчанию корзина выглядит примерно так.
Для начала отключим регистрацию во время оформления заказа. Для этого нужно зайти в Компоненты->Virtuemart->Настройки->Оформление заказа и убрать галочку напротив "Регистрация во время оформления заказа". Здесь же можно настроить показ миниатюр изображений товара. О остальных полях поговорим чуть позже.
После этого поля для регистрации не будут выводится в корзине.
Теперь уберем ссылку "Пожалуйста, прочтите и примите условия обслуживания". Это только отдаляет покупателя от завершения покупки. Для этих целей обычно используются отдельные страницы с информацией о гарантии и условиями доставки. Если мы просто уберем галочки в настройках в пунктах "Покупатели должны соглашаться с условиями обслуживания во время заказа" и "Показать информацию о политике возврата в корзине/на странице подтверждения заказа", то галочка около кнопки оформления заказа все равно останется.
Убрать ее можно на странице настроек virtuemat "Поля, заполняемые пользователями". На этой же странице можно выбрать какие именно поля будут отображаться когда пользователь будут вводить свои данные во время оформления заказа. Чтобы отключить ненужные поля просто нажимаем на зеленую галочку напротив поля в колонках " Опубликовано" и "Обязательно".
Правда отключить поле "Я согласен с Условиями обслуживания" таким образом не получится.
Чтобы сделать это и другие поля (например, email) активными нужно внести небольшие правки в файл administrator/components/com_virtuemart/models/userfields.php
Находим код
return array ("name" , "username" , "email" , "password" , "password2" , "agreed" ) ; |
И комментируем agreed
static function getCoreFields () { return array ("name" , "username" , "email" , "password" , "password2" , /*"agreed"*/ ) ; |
После этого просто отключаем поле adreed в настройках.
Далее, если у вас только один способ доставки или оплаты, то можно настроить их автоматический выбор при переходе в корзину. Для этого возвращаемся в настройки оформления заказа и активируем поля "Автоматический выбор способа доставки" и "Автоматический выбор способа оплаты".
После этого при заходе в корзину сразу будут выбираться способы оплаты и доставки.
Можно также скрыть лишний, на мой взгляд, блок "Адреса доставки". Для этого зайдем в файл components/com_virtuemart/views/cart/tmpl/default_pricelist.php. Находим второй div на странице, начинающийся с
Компонент оформления заказа на одной странице, который должен иметь каждый интернет магазин на Virtuemart версии 2.0.x и 3.x Если вам не безразличны удобство и быстрота оформления заказа в вашем интернет-магазине, если вы не хотите из-за этого терять своих покупателей, то вы ПРОСТО ОБЯЗАНЫ установить это программное обеспечение на ваш сайт. Ни для кого не секрет, что стандартная страница оформления заказа во второй версии Виртуемарта может запутать любого, даже самого продвинутого, интернет-покупателя. Получилась такая ситуация из-за непродуманной, со стороны разработчиков, последовательности действий, что привело к множеству лишних телодвижений, со стороны покупателя. OnePage CheckOut от Rupostel лишен всех этих недостатков и выводит форму заказа на одной странице
Не имеет ограничений и лицензий!
И так, немного поясню как это работает:
- Пользователь (он же покупатель) выбирает товар в вашем магазине, указывает количество, параметры (если есть) и кладет его в виртуальную корзину.
- Покупатель нажимает на ссылку или кнопку "Показать корзину" из любого места вашего сайта и попадает на страницу оформления заказа.
- На странице заказа он увидит содержимое своей корзины, где также сможет отредактировать количество товаров в ней или удалить ненужный товар, форму регистрации и форму входа (если в настройках выставлено ее отображение).
- Ближе к низу страницы он увидит кнопку "Оформить заказ" при нажатии на которую произойдет само оформление без лишних вопросов и заполнений непонятных дополнительных полей.
Следует отметить, что данный компонент использует:
- поля заполняемые пользователем
- способы доставки
- способы оплаты
Созданные и настроенные в самом Virtuemart. То есть вам потребуется минимальная настройка компонента, для того чтобы запустить его в действие.
Внешний вид вывода настраивается при помощи шаблонов. В программе уже присутствуют 4 шаблона, два из которых подойдут под "отзывчивый" дизайн.
Не имеет отношения к плагину One Page Checkout for VirtueMart от LineLab. Это совсем другое и более простое решение. Можно сказать лучший аналог неудобного плагина.
Одинаково хорошо работает как на версиях Joomla 2.5 так и 3.х, а так же Virtuemart 2 и 3
Вообще, если у вас включено 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)
Как работает стандартная корзина?
Кодом:
создается строка с заголовками солбцов. Соответственно:
Что нам мешает написать в тегах просто эти слова (название, артикул итд..) вместо пхп-кода? Да ничего. Только не забудьте сохранять данный файл в utf-8.
Далее идет код:
Что он делает? Для каждого товара создает строчку, разделенную на ячейки.
Рассмотрим каждую ячейку по порядку:
- Название товара+атрибуты
- артикул товара
- цена товара. Выравнивается в ячейке по правому краю.
- В одной ячейке форма обновления количества и удаления товара.
- стоимость данного товара с учетом количества.
Что мы со всем этим можем сделать? Убрать лишнее и поменять местами как нам нужно.
Далее идут строки со вскими промежуточными налогами, прдитогами итд... Мне это нафиг не нужно было, потому я не копался а просто всё затер, кроме вывода "Итого":
В общем я только начал копаться в корзине виртуемарта, так что нарыл мало. Как узнаю и не захочу забыть ещё что-нибудь полезное - сразу напишу сюда)
сайт это всё для CMS в одном месте и по самым низким ценам!
Только у нас! Без привязки к домену! Без вирусов и скрытых ссылок! Самая низкая цена! Гарантия 100%!
Автосохранение корзины для пользователя в VirtueMart 3
Совместим с Joomla 2.5/3 + VirtueMart 3.*
Поддержка ionCube не требуется. Лицензий, стучалок и стороннего кода в плагине нет. Возможна установка на различные домены без ограничений.
После установки плагина, корзина автоматически сохраняется с привязкой к пользователю. Т.е, при авторизации пользователя на сайте, он увидит в корзине те товары, которые он положил в корзину при прошлом посещении сайта. Для неавторизованных пользователей ничего не меняется.
В архиве целый пакет из трех плагинов, устанавливается единым архивом. Плагин сохранения корзины (stt_cartusave), плагин восстановления сохраненной корзины после авторизации пользователя (sttcartlogin) и плагин очищения корзины после оформления заказа (stt_cartudel). Установка пакета осуществляется стандартным образом - через менеджер расширений. Плагин sttcartlogin в менеджере плагинов должен находиться в конце списка плагинов, отфильтрованных по типу "user"
Эта версия автосохранения, которая привязывается к авторизованному пользователю. На каком бы компьютере/телефоне/планшете пользователь ни зашел на ваш сайт - он будет видеть в корзине сохраненные товары. Чтобы все синхронизировалось - надо после добавления всех товаров перейти в корзину. Если в ваш магазин разрешен вход неавторизованным пользователям, то могут быть проблемы. Например, покупатель набрал товара в корзину, а потом решил авторизоваться, и может получиться так, что все товары из корзины пропадут, а появятся те, которые он брал в прошлый раз (т.е. сохраненные ранее).
Возможность поставить стоит ли обьединять сохраннения корзин и позволить добавлять к сохраненной корзине id определенного товара
Здравствуйте, уважаемые читатели блога сайт. Сегодня я хочу продолжить разговор про расширения для VirtueMart, которые идут вместе с этим компонентом интернет магазина по умолчанию. В прошлой статье мы рассмотрели , а чуть ранее изучили все возможности, предоставляемые нам , который включает в себя львиную долю от функционала остальных расширений.
Но, как правило, универсальный инструмент все равно будет уступать набору специализированных, поэтому имеет смысл рассмотреть возможности всех стандартных модулей VirtueMart, идущих с ним в комплекте.
К тому же эти отдельные блоки для корзины, поиска, входа, категорий товаров и т.п., можно будет вставить в различные позиции шаблона, тем самым распределив элементы управления и работы с интернет магазином по всему периметру страницы, что может оказаться более удачным решением с точки зрения .
Поиск по интернет магазину VirtueMart
В принципе, поиск по магазину можно реализовать несколькими способами, которые мы сейчас рассмотрим, а вам только останется выбрать для себя лучший вариант. Вообще я уже касался этого вопроса, когда рассматривал возможность главного модуля по .
Правда роль главного модуля там сводится лишь к предоставлению пользователям ссылки на страницу этого фильтра. Но в стандартном поисковом расширении (устанавливается отдельно) такой ссылки уже не будет, поэтому, если вы не хотите использовать главный блок, но хотите предоставлять пользователям возможность расширенного поиска по характеристикам , то можете поступить следующим образом.
Зайти в свой интернет магазин и скопировать ссылку на страницу расширенного поиска по характеристикам, а затем зайти в админку Joomla и создать в любом удобном вам меню новый пункт под названием «Фильтр товаров» (или еще как-то по другому его обозвать), который будет вести на эту самую страницу.
Для вам нужно будет выбрать из меню админки «Все меню» - «Название нужного вам меню», а на открывшейся странице нажать на кнопку «Создать».
Выбираете из предложенного списка возможных вариантов — «Внешняя ссылка», после чего даете название этому пункту меню и вводите в поле «Ссылка» только что скопированный в главном блоке Урл страницы расширенного поиска по характеристикам. Все. Аналогичным образом вы можете скопировать из главного модуля VirtueMart и другие полезные ссылки, например, на страницу администрирования интернет магазина без захода в админку, или на страницу корзины и оформления заказа.
Но вернемся непосредственно к организации обычного поиска по товарам интернет магазина. Тут возможны два вариант:
- можно использовать стандартный блок, который идет в комплекте с компонентом, но поиск при этом будет вестись только в магазине
- можно будет установить плагин поиска идущий в комплекте с Виртуемартом, который научит стандартный модуль поиска Джумлы искать и по товарам интернет магазина, и по остальным материалам сайта
Посмотреть и скачать расширения для 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 - бесплатный конструктор интернет-магазина с хорошим функционалом