В virtuemart не работает оформление заказа. Joomla VirtueMart: установка и настройка интернет-магазина

Ajax Dropdown Cart for VirtueMart (от JEYAM Templates) – это адаптивный русскоязычный модуль корзины VirtueMart 3, 2 с возможностью отображения изображений, описаний и атрибутов товаров. Расширение достаточно простое в плане настройки как функционирования, так и внешнего вида (в рамках штатных опций).

В обзоре будет участвовать последняя, на момент написания статьи 11.10.2018, русскоязычная версия Ajax Dropdown Cart for VirtueMart 1.0.1 (от JEYAM Templates) в Joomla 3.8.13, VirtueMart 3.4.2.9966 и шаблоном сайта JM Computers and Electronics VirtueMart Storeу 1.11. Для приведения модуля корзины в соответствие с шаблоном были добавлены некоторые CSS стили.

Основные возможности и особенности

Часть пунктов из списка ниже основываться на заявлении разработчика .

• Поддержка Joomla 3 и 2.5, VirtueMart 3 и 2.
• Адаптивный дизайн (рисунок ниже).
• Переведён на русский и английский языки. Включая всплывающие подсказки к настройкам.
• Базируется на AJAX. А это значит, что изменения в корзине (добавление/удаление товаров, пересчёт цены) будут происходить без перезагрузки страницы.
• Возможность ограничения количества отображаемых товаров в спадающем списке корзины.

• Возможность активации прокрутки списка товаров в корзине (рисунок ниже).
• Возможность показать/скрыть в спадающем списке корзины такие элементы: название товара, цену, атрибуты, описание и изображение товара.
• Возможность задавать ограничение на количество символов в названии и описании товара.

• Возможность настройки размера изображения товара в корзине.
• Более 30 эффектов анимации для раскрытия списка товаров.
• Более 30 иконок корзины и кнопки удаления товара их корзины.
• Поддержка шрифтов Google.
• Настройка ширины и цветового оформления разных элементов корзины (рисунок ниже).
• Поддержка SEF (ЧПУ) URL-адресов товаров и страницы оформления заказа.
• Не замедляет скорость работы сайта.

• Отсутствие ошибок в коде. Модуль полностью проверен, в том числе в плане безопасности.
• Простая настройка и установка.
• Поддержка работы в таких браузерах как: Mozilla Firefox, Google Chrome, Opera, Safari, Internet Explorer 9-11, Microsoft Edge. Также я его тестировал в Яндекс.Браузер 18.9.1.954 (Windows 10 x64) и мобильной версии Google Chrome 69.0.3497.100 (Android 7.0.0).
• Отсутствие ограничения на период обновления и использования на разных сайтах.
• Наличие англоязычной справки и технической поддержки.

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

Все опции модуля Ajax Dropdown Cart for VirtueMart, помимо обычных настроек модулей Joomla, разделены на три вкладки:

1. Дизайн.
2. Лицензия . Тут Вам нужно указать 16-ти символьный лицензионный ключ для получения технической поддержки от разработчика. Отсутствие ключа никак не влияет на функциональность модуля.

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

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

Показывать описание . Позволяет отображать описание товара в спадающем списке корзины (рисунок ниже). Описание товара берётся из настроек товара во вкладке Описание – Краткое описание . Длину описания можно ограничить, задав количество символов в настройках корзины в поле Макс. кол-во символов описания . Если описание больше, чем указанное значение, то после него будет отображаться указанное в поле Текст после описания .

Показывать атрибуты . Позволяет отображать атрибуты товаров в корзине (рисунок ниже).

Для этого Вам нужно создать настраиваемое поле и активировать опцию Атрибут корзины (любую из них). Это можно сделать в VirtueMart – Настраиваемые поля (рисунок ниже).

А затем нужно прикрепить поле к товару. Это можно сделать в настройках товара на вкладке (рисунок ниже).

Показывать панель прокрутку. Позволяет отображать полосу прокрутки товаров (рисунок ниже), если список товаров больше, чем заданная высота в поле Высота панели прокрутки .

Надпись на кнопке корзины . Тут можно задать текст, который будет показан на кнопке корзины. Другие надписи можно переопределить в Расширения – Языки – Переопределение констант . Немного подробнее об этом . В файле локализаций в корне сайта в «language/ru-RU/ru-RU.mod_vmajaxdropdowncart.ini» есть такие строки, влияющие на перевод элементов модуля корзины во фронтальной части сайта:

MOD_VMAJAXDROPDOWNCART_ITEMS = "Товара(ов)" MOD_VMAJAXDROPDOWNCART_ITEM = "Товар" MOD_VMAJAXDROPDOWNCART_RECENTLY_ADDED_ITEMS = "Недавно добавленный(а) товар(ы)" MOD_VMAJAXDROPDOWNCART_CART_EMPTY = "Корзина пуста."

При необходимости можете их изменить.

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

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

В моём примере я выбрал шрифт «Amatic SC» с жирным начертанием (700). Из URL адреса шрифта «» я скопировал только «Amatic+SC:700». Также не забывайте, что при выборе шрифта нужно помнить, что не все они поддерживают кириллицу. В сервисе Google, в панели слева, для опции Languages стоит выбрать C yrillic .

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

Вообще, если у вас включено 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.

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

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

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

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

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

Здравствуйте, уважаемые читатели блога сайт. Сегодня я хочу продолжить разговор про расширения для 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 - бесплатный конструктор интернет-магазина с хорошим функционалом

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

Я рассмотрю вариант покупки без регистрации, потому что считаю, что регистрация уместна только на крупных сайтах типа 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 на странице, начинающийся с

сайт это всё для CMS в одном месте и по самым низким ценам!

Только у нас! Без привязки к домену! Без вирусов и скрытых ссылок! Самая низкая цена! Гарантия 100%!

Автосохранение корзины для пользователя в VirtueMart 3

Совместим с Joomla 2.5/3 + VirtueMart 3.*

Поддержка ionCube не требуется. Лицензий, стучалок и стороннего кода в плагине нет. Возможна установка на различные домены без ограничений.

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

В архиве целый пакет из трех плагинов, устанавливается единым архивом. Плагин сохранения корзины (stt_cartusave), плагин восстановления сохраненной корзины после авторизации пользователя (sttcartlogin) и плагин очищения корзины после оформления заказа (stt_cartudel). Установка пакета осуществляется стандартным образом - через менеджер расширений. Плагин sttcartlogin в менеджере плагинов должен находиться в конце списка плагинов, отфильтрованных по типу "user"

Эта версия автосохранения, которая привязывается к авторизованному пользователю. На каком бы компьютере/телефоне/планшете пользователь ни зашел на ваш сайт - он будет видеть в корзине сохраненные товары. Чтобы все синхронизировалось - надо после добавления всех товаров перейти в корзину. Если в ваш магазин разрешен вход неавторизованным пользователям, то могут быть проблемы. Например, покупатель набрал товара в корзину, а потом решил авторизоваться, и может получиться так, что все товары из корзины пропадут, а появятся те, которые он брал в прошлый раз (т.е. сохраненные ранее).

Возможность поставить стоит ли обьединять сохраннения корзин и позволить добавлять к сохраненной корзине id определенного товара