Расширения

Обзор One page checkout для VirtueMart 3. Оформление заказа

 

  • Тип – компонент одностраничной корзины VirtueMart.

 

 

One page checkout – это компонент VirtueMart, позволяющий настроить оформление заказа в виде одностраничной корзины. Компонент поддерживает Joomla 2.5 – 3.5 и VirtueMart 2 – 3. Как известно, процесс оформления заказа в VirtueMart, начиная с первой страницы корзины, весьма специфический и требует дополнительных настроек для его упрощения. Иногда без правок CSS не обойтись. One page checkout for Virtuemart (от Cmsmart.net) позволяет существенно упростить данный этап и гибко настроить саму страницу оформления заказа (макет, логику работы, внешний вид). По заявлению разработчика компонент позволяет сократить время оформления заказа, уменьшить количество «брошенных» корзин и тем самым увеличить продажи до 70%. Поддерживается адаптивный дизайн и оформление заказа без регистрации.

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

В обзоре будет участвовать русскоязычная версия One page checkout for VirtueMart 5.1.1 (от Cmsmart.net) в VirtueMart 3.0.14. На сайте установлены стандартные демонстрационные данные и настройки VirtueMart 3.0.14. Шаблон сайта Protostar 1.0.

Если Вас интересует возможность ещё больше упростить процесс оформления заказа, то рекомендую ознакомиться со статьёй «Обзор плагина быстрого заказа VirtueMart 3 для Joomla». А для замены обычного модуля корзины VirtueMart можно использовать Ajax Dropdown Cart for VirtueMart (от JEYAM Templates).

На официальном сайте расширений Joomla 92 отзыва, расширение добавлено 19 ноября 2014.

  • Общий рейтинг – 100 из 100.
  • Функциональность – 100 из 100.
  • Простота использования – 100 из 100.
  • Документация – 94 из 100.
  • Поддержка – 100 из 100.
  • Соотношение цена\качество – 100 из 100.

Обратите внимание, что существует несколько аналогичных расширений с одинаковыми или схожими названиями «One page checkout for VirtueMart» и «One Step Checkout for VirtueMart», но от разных разработчиков. Данная статья о расширении от Cmsmart.net.

Особенности One page checkout for VirtueMart

Перечислю основные, на мой взгляд, особенности данного расширения.

  • Поддержка Joomla 2.5 – 3.5 и VirtueMart 2 – 3.
  • Переведён на русский, английский, немецкий, французский, польский и португальский языки.
  • Возможность оформления заказа без регистрации.
  • Все необходимые для заполнения поля и элементы управления собраны на одной странице (во время оформления заказа) (рисунок ниже).
Оформление заказа VirtueMart 3
Оформление заказа VirtueMart 3

Даже не переходя к настройкам в самом компоненте, а просто отключив лишние поля (VirtueMart раздел Настройки – Поля, заполняемые пользователями), страница смотрится куда компактнее (рисунок ниже)

Одностраничная корзина VirtueMart
Одностраничная корзина VirtueMart
  • Возможность указания даты и времени доставки при оформлении заказа покупателем (рсиунок ниже).
One page checkout для VirtueMart 3
One page checkout для VirtueMart 3
  • Адаптивный дизайн.
  • Поддержка любых шаблонов VirtueMart, плагинов оплаты и плагинов доставки (по заявлению разработчика).
  • Гибкие возможности настройки макета корзины VirtueMart 3 при помощи простого перетаскивания её элементов в админке Джумла.
  • Наличие 8-ми предварительно настроенных цветовых схем оформления с возможностью их изменения и создания своей (цвета элементов и фоновые цвета).
  • Возможность настройки шрифтов и иконок. Есть поддержка шрифтов Google и шрифта с иконками (Font Awesome).
  • Возможность настройки отображаемых полей и их порядка следования как в самом компоненте, так и при помощи полей, заполняемых пользователями VirtueMart (рисунок ниже).
Настройка корзины VirtueMart 3
Настройка корзины VirtueMart 3
  • Поддержка Ajax в процессе оформления заказа, регистрации и входа. То есть, нет необходимости обновления страницы.
  • Поддержка анимации на базе CSS3.
  • Поддержка jQuery.
  • Расширение разрабатывалось с учётом рекомендаций SEO и HTML5 стандартов.
  • Интеграция с плагином сбора статистических данных BIT VirtueMart Google Analytics.
  • Защита от «спамных» оформлений заказов путём блокировки возможности оформления без оплаты более чем 8 заказов. Определяется по IP-адресу.
  • Поддержка популярных браузеров актуальной версии.
  • Простая установка и настройка расширения.
  • Хорошая техническая поддержка и документация (на английском).
  • Не требуются правки исходного кода VirtueMart и\или Joomla.

Макетирование

В основном, все настройки корзины VirtueMart 3 собраны в Компоненты – VM Manager – Макетирование (рисунок ниже). Именно тут Вы сможете перетаскивать, добавлять, удалять и изменять размер блоков страницы одностраничной корзины. Блоки слева (за чертой) – это те, что могут быть добавлены. Перемещение блоков происходит при помощи мыши. Чтобы изменить размер (сделать шире\уже), подведите курсор к нужному блоку и появятся его элементы управления:

  1. Шестерёнка – вход в настройки.
  2. Крестик (есть не у всех блоков) – возможность удалить блок.
  3. Две направленные по диагонали стрелки – изменение размера блока по ширине.
Макетирование
Макетирование

У каждого блока есть свои настройки. Но настройки стиля схожи для всех блоков (рисунок ниже). Тут Вы сможете задать отдельные настройки оформления каждому блоку. Доступны настройки цветов, шрифтов (отдельно для содержимого блока и отдельно для его заголовка). Также можно выбрать иконку. Выбирая одну из 8-ми доступных по умолчании цветовых схем оформления, меняется не только цвет, но и шрифт.

Настройки стилей блока
Настройки стилей блока

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

Login (Вход). Позволяет отображать или ссылку на всплывающую форму входа или форму ввода логина\пароля.

Bill to (Информация о клиенте), Ship to (Адрес доставки). Позволяет настроить порядок следования и состав полей (рисунок ниже). Рекомендую пользоваться разделом Настройки – Поля, заполняемые пользователями в самом VirtueMart 3 для более тонкой настройки.

Настройка корзины VirtueMart 3
Настройка корзины VirtueMart 3

Shipment (Способ доставки), Payment (Способ оплаты), Order Info (Список товаров). У этих блоков, кроме настроек стилей, нет дополнительных опций.

Delivery (Дата доставки). В настройках данного блока (рисунок ниже) можно будет сконфигурировать формат даты, выходные дни (недоступны для выбора) тип даты доставки (период или точная дата) и включить\отключить выбор времени доставки с возможностью указания точного времени или промежутка. Это позволит Вашим покупателям указывать дату и время, когда можно будет доставить купленный ими товар.

Confirm (Подтвердить заказ). Позволяет включить\отключить вывод заголовка и обрамления блока.

Дата доставки
Дата доставки

Banner. Можно добавить изображение и задать заголовок блока. Помните, что при изменении состава и позиций блока нужно нажимать кнопку Save на странице макетирования. А редактируя конкретный блок – кнопку сохранения в окне этого блока. Можно использовать в целях размещения рекламы или какого-то сообщения.

Banner
Banner

HTML. Можно задать любой произвольный текст, изображение, добавить ссылку и применить форматирование. Можно использовать в целях размещения рекламы или какого-то сообщения.

HTML
HTML

Настройки

В настройках One page checkout для VirtueMart 3 (рисунок ниже) собраны опции, которые помогут в разрешении конфликтов между расширениями и библиотеками, если такие возникнут: Загрузить JQuery, Загрузить JQuery UI. Также можно включить или отключить загрузку CSS-таблицы стилей компонента и активировать защиту сайта от «спамных» оформлений заказов.

Настройки One page checkout для VirtueMart 3
Настройки One page checkout для VirtueMart 3

Русификатор One page checkout

Скачать русификатор One Step Checkout \ One page checkout для VirtueMart.

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

Похожие материалы
Автор статьи – Хорошевский Алексей

Хорошевский Алексей Примерно с 2008 года и по сегодняшний день создаю сайты «под ключ» на Joomla и WebSite X5. Также занимаюсь их доработкой, SEO-продвижением, контекстной рекламой, защитой от взлома и оптимизацией скорости загрузки сайта.

Кандидат технических наук по специальности «Информационные технологии».

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

 

Полезные ссылки: