Настроить модуль jshopping cart and wishlist ajax

Настроить модуль jshopping cart and wishlist ajax

1. Добавление товара в корзину происходит без перезагрузки страницы.

2. Совместно с плагином вывода атрибутов в списке товаров умеет работать с атрибутами в списке товаров.

Возможности платной версии

1. Возможность двойного использования модуля (как модуль корзины и как модуль отложенных товаров).

2. Поддержка Bootstrap 2, Bootstrap 3, Bootstrap 4.

3. Расширенные настройки модуля.

4. Возможность отображения атрибутов и характеристик товара в модуле.

5. Несколько настраиваемых шаблонов модуля корзины (выбор цвета корзины и выбор шаблона корзины с отображением количества, суммы, наименования, изображения товара, кнопок +/- с полем ввода количества и кнопки «удалить»).

6. Три различных варианта отображения результата добавления товара в корзину: строка, модальное окно, анимация.

7. Поддержка мультивалютности.

8. Ввод дисконта, работа с минимальной и максимальной суммой заказа и многое другое.

Настройка

Для корректной работы модуля необходимо включить SEF в общих настройках сайта.

Для бесплатной версии необходимо опубликовать пункт меню Joomshopping «Все категории». Можно в скрытом меню.

Начиная с версии 3.6.2 добавлена возможность объединения js-файлов модуля в один файл . Для объединения файлов выберите соответствующие настройки в каждом из модулей (в модуле корзины и модуле отложенных товаров) и сохраните модули, после чего первым откройте и сохраните модуль корзины и затем уже модуль отложенных товаров еще раз. Функция является экспериментальной , обязательно проверьте работоспособность расширения в случае её использования.

Начиная с версии 3.6.4 добавлена возможность вывода информации о товаре, находящемся в корзине, в off-canvas панели (только для макетов модуля extern***) .

Для использования данной возможности необходимо:

— в административной части модуля активировать настройку «Раскрывать по клику»;

— в административной части модуля в поле «Суффикс CSS-класса модуля» вписать класс для модуля корзины — offcanvas-cart, для списка пожеланий — offcanvas-wl (не забудьте поставить пробел перед классом);

— в административной части модуля в поле «Стиль модуля» выбрать «html5» или «xhtml».

Начиная с версии 3.6.7 добавлена возможность скрыть кнопку «Удалить» до наведения курсора на товар в модуле .

Для использования данной возможности необходимо:

— в административной части модуля в поле «Суффикс CSS-класса модуля» вписать класс для модуля корзины — hide-delete;

— в административной части модуля в поле «Стиль модуля» выбрать «html5» или «xhtml».

Обновление

Дата обновления — 16.02.2020г.

Источник

AJAX корзина для JoomShopping — документация

Модуль AJAX корзины для JoomShopping позволяет отображать модальное окно с товарами, добавленными в корзину, и производить в нем все операции без перезагрузки страницы. Также сам модуль отображает в выбранной области шаблона Joomla! количество заказанных товаров и иконку корзины, которая является ссылкой для открытия модального окна корзины. Имеется возможность выполнять заказ товара JoomShopping на его странице, а также на странице категорий, производителей и т.д., без перезагрузки страницы с использованием AJAX запроса.

Установка и требования

Использовать модуль рекомендуется на последних версиях Joomla! и JoomShopping. Минимальные требования к этим программным компонентам указаны на странице покупки модуля AJAX корзины для JoomShopping.

ionCube Loader

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

Установка модуля

Установка модуля производится через Менеджер расширений Joomla!. В первую очередь после покупки модуля необходимо скачать его установочный пакет на странице заказа, которую можно найти в разделе Мои заказы. Далее нужно зайти в административной части в меню Расширения / Менеджер расширений, выбрать вкладку Загрузить файл пакета, нажать на кнопку выбора файла и указать путь к загруженному установочному файлу расширения с именем pkg_boxapp_ajax_cart.zip . Подробнее о установке приложений через Менеджер расширений Joomla! в статье о работе с Менеджером расширений.

Удаление модуля

Для удаления модуля также используется Менеджер расширений Joomla!. Достаточно зайти в меню Расширения / Менеджер расширений / Управление. Найти в списке модуль с названием BoxApp модуль — AJAX корзина для JoomShopping . Поставить напротив него в первом столбце флажок и нажать на кнопку Деинсталлировать в верхней части страницы.

Установка файла лицензии

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

Файл лицензии, как и установочный пакет модуля, можно скачать в разделе Мои заказы на странице соответствующего заказа. После этого достаточно поместить данный файл в папку boxapp_licenses в корне сайта на хостинге. Подробнее о процессе установки можно прочитать в статье Установка лицензии для Joomla! расширений.

Настройка модуля

Для получения доступа к параметрам модуля нужно войти в административной части сайта в меню Расширения / Менеджер модулей и в появившемся списке найти модуль с типом BoxApp модуль — AJAX корзина для JoomShopping . Если модуля с таким типом нет, то его можно создать, нажав на кнопку Создать в верхней части страницы и выбрав данный тип модуля из списка.

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

Вкладка модуль

Вкладка с индивидуальными настройками модуля.

• Стиль корзины — позволяет выбрать один из предустановленных стилей отображения информации в модуле корзины.
• Показывать ссылку на корзину — позволяет показать в модуле прямую ссылку на страницу JoomShopping с корзиной.
• AJAX заказ товара — включает AJAX заказ товаров на страницы товара, категории товара и т.д.

Настройка AJAX заказа товаров

В файле шаблона default.php выполняется подключение jQuery плагина, который отвечает за выполнение всех AJAX запросов, в том числе и AJAX заказ товаров. Блок подключения данного jQuery плагина имеет следующий вид:

Для определения кнопок или ссылок покупки товара плагин использует набор селекторов для стандартного шаблона JoomShopping и BoxApp2 шаблона для JoomShopping. Эта настройка имеет вид:

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

Например, подключение jQuery плагина в шаблоне default.php можно переписать следующим образом:

При возникновении каких-либо сложностей с настройкой или эксплуатацией расширения можете обращаться в нашу службу поддержки.

Источник

Корзина для Joomshopping

В этой статье мы рассмотрим, как сделать красивую динамическую корзину для Joomshopping.

Если поискать в интернете, то трудно найти красивый модуль корзины для Joomshopping.

Но все же можно) Не долгие поиски привели меня к паре хороших модулей.

Модуль 1 — mod_jshopping_cart_ext_plus

Данный модуль понравился внешним видом и количеством настроек.

Установка стандартная. После установки идем в менеджер модулей и кликаем на Jshopping Cart Ext.+.

Думаю, если Вы дошли к выбору модуля корзины, то наверно знаете, как ставить модули на сайт:) Поэтому не будем останавливаться на этом.

Настроек у этого модуля действительно много.

1. FancyBox и ColorBox — это плагины jQuery которые выводят информацию в модальных окнах.

2. Текст заголовка — Надпись на корзине.

3. Варианты отображения корзины — Стандартный, Измененный в модальном окне и Измененный без модального окна.

4. Всплывающие окно при добавлении товара в корзину.

5. Автозакрытие всплывающего окна.

6. Время, через которое закроется всплывающие окно.

1. Открыть корзину: При клике, при наведении. (Используется для варианта без модального окна)

2. Ссылка на товар в корзине — Отображать или не отображать ссылку на товар в корзине.

3. Отображать атрибуты товара, характеристики, изображение (цену, краткое описание, фото товара и т.д)

4. Показывать или не показывать иконку миниатюры.

5. Размеры иконки (можно указать высоту и ширину).

6. Выделение цветом.

Если покрутить данные настройки, то получится что-то типа такого:

Это вид пустой корзины:

Это вид корзины с товаром:

Это вид модального окна, которое появляется по нажатию на корзину:

Итак, мы разобрались с одним модулем.

Следующий модуль это Ice Jshopping Cart

Настроек у данного модуля мало, но выглядит он красиво.

В настройках можно выбрать:

1. Использовать или не использовать Ajax.

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

Вот как выглядит данная корзина:

С выпадающим окном:

Спасибо за внимание, Удачи!)

Ваше мнение важно для нас. Пишите Ваши комментарии.

Источник

Jshopping cart and wishlist ajax

Модуль AJAX корзины для JoomShopping позволяет отображать модальное окно с товарами, добавленными в корзину, и производить в нем все операции без перезагрузки страницы. Также сам модуль отображает в выбранной области шаблона Joomla! количество заказанных товаров и иконку корзины, которая является ссылкой для открытия модального окна корзины. Имеется возможность выполнять заказ товара JoomShopping на его странице, а также на странице категорий, производителей и т.д., без перезагрузки страницы с использованием AJAX запроса.

Установка и требования

Использовать модуль рекомендуется на последних версиях Joomla! и JoomShopping. Минимальные требования к этим программным компонентам указаны на странице покупки модуля AJAX корзины для JoomShopping.

ionCube Loader

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

Установка модуля

Установка модуля производится через Менеджер расширений Joomla!. В первую очередь после покупки модуля необходимо скачать его установочный пакет на странице заказа, которую можно найти в разделе Мои заказы. Далее нужно зайти в административной части в меню Расширения / Менеджер расширений, выбрать вкладку Загрузить файл пакета, нажать на кнопку выбора файла и указать путь к загруженному установочному файлу расширения с именем pkg_boxapp_ajax_cart.zip . Подробнее о установке приложений через Менеджер расширений Joomla! в статье о работе с Менеджером расширений.

Удаление модуля

Для удаления модуля также используется Менеджер расширений Joomla!. Достаточно зайти в меню Расширения / Менеджер расширений / Управление. Найти в списке модуль с названием BoxApp модуль – AJAX корзина для JoomShopping . Поставить напротив него в первом столбце флажок и нажать на кнопку Деинсталлировать в верхней части страницы.

Установка файла лицензии

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

Файл лицензии, как и установочный пакет модуля, можно скачать в разделе Мои заказы на странице соответствующего заказа. После этого достаточно поместить данный файл в папку boxapp_licenses в корне сайта на хостинге. Подробнее о процессе установки можно прочитать в статье Установка лицензии для Joomla! расширений.

Настройка модуля

Для получения доступа к параметрам модуля нужно войти в административной части сайта в меню Расширения / Менеджер модулей и в появившемся списке найти модуль с типом BoxApp модуль – AJAX корзина для JoomShopping . Если модуля с таким типом нет, то его можно создать, нажав на кнопку Создать в верхней части страницы и выбрав данный тип модуля из списка.

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

Вкладка модуль

Вкладка с индивидуальными настройками модуля.

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

Настройка AJAX заказа товаров

В файле шаблона default.php выполняется подключение jQuery плагина, который отвечает за выполнение всех AJAX запросов, в том числе и AJAX заказ товаров. Блок подключения данного jQuery плагина имеет следующий вид:

Для определения кнопок или ссылок покупки товара плагин использует набор селекторов для стандартного шаблона JoomShopping и BoxApp2 шаблона для JoomShopping. Эта настройка имеет вид:

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

Например, подключение jQuery плагина в шаблоне default.php можно переписать следующим образом:

При возникновении каких-либо сложностей с настройкой или эксплуатацией расширения можете обращаться в нашу службу поддержки.

1. Добавление товара в корзину происходит без перезагрузки страницы.

2. Совместно с плагином вывода атрибутов в списке товаров умеет работать с атрибутами в списке товаров.

Возможности платной версии

1. Возможность двойного использования модуля (как модуль корзины и как модуль отложенных товаров).

2. Поддержка Bootstrap 2, Bootstrap 3, Bootstrap 4.

3. Расширенные настройки модуля.

4. Возможность отображения атрибутов и характеристик товара в модуле.

5. Несколько настраиваемых шаблонов модуля корзины (выбор цвета корзины и выбор шаблона корзины с отображением количества, суммы, наименования, изображения товара, кнопок +/- с полем ввода количества и кнопки «удалить»).

6. Три различных варианта отображения результата добавления товара в корзину: строка, модальное окно, анимация.

7. Поддержка мультивалютности.

8. Ввод дисконта, работа с минимальной и максимальной суммой заказа и многое другое.

Настройка

Для корректной работы модуля необходимо включить SEF в общих настройках сайта.

Для бесплатной версии необходимо опубликовать пункт меню Joomshopping «Все категории». Можно в скрытом меню.

Начиная с версии 3.6.2 добавлена возможность объединения js-файлов модуля в один файл . Для объединения файлов выберите соответствующие настройки в каждом из модулей (в модуле корзины и модуле отложенных товаров) и сохраните модули, после чего первым откройте и сохраните модуль корзины и затем уже модуль отложенных товаров еще раз. Функция является экспериментальной , обязательно проверьте работоспособность расширения в случае её использования.

Начиная с версии 3.6.4 добавлена возможность вывода информации о товаре, находящемся в корзине, в off-canvas панели (только для макетов модуля extern***) .

Для использования данной возможности необходимо:

– в административной части модуля активировать настройку «Раскрывать по клику»;

– в административной части модуля в поле «Суффикс CSS-класса модуля» вписать класс для модуля корзины – offcanvas-cart, для списка пожеланий – offcanvas-wl (не забудьте поставить пробел перед классом);

– в административной части модуля в поле «Стиль модуля» выбрать «html5» или «xhtml».

Начиная с версии 3.6.7 добавлена возможность скрыть кнопку «Удалить» до наведения курсора на товар в модуле .

Для использования данной возможности необходимо:

– в административной части модуля в поле «Суффикс CSS-класса модуля» вписать класс для модуля корзины – hide-delete;

– в административной части модуля в поле «Стиль модуля» выбрать «html5» или «xhtml».

Обновление

Дата обновления – 21.03.2019г.

Версия – 3.7.2

Незначительные корректировки в файле ajax.js.

Дата обновления – 26.10.2017г.

Добавлена возможность скрыть кнопку удалить до наведения курсора на товар в модуле (в административной части модуля в поле «Суффикс CSS-класса модуля» вписать класс – hide-delete).

Дата обновления – 12.09.2017г.

Внесены изменения в ajax.js файл для поддержки работоспособности с последней версией плагина вывода атрибутов в списке товаров.

Дата обновления – 07.09.2017г.

Внесены изменения в файл стилей.

Дата обновления – 29.08.2017г.

Добавлена возможность вывода информации о товаре, находящемся в корзине, в off-canvas панели (только для макетов extern***) – демо.

Дата обновления – 18.07.2017г.

В этой версии добавлена поддержка анимации при добавлении товара в корзину для сторонних модулей Joomshopping. Для подключения данной функции необходимо добавить вашему модулю класс «ajaxcart-on», вписав его в настройках в поле «Суффикс CSS-класса модуля» (не забудьте поставить пробел перед классом). Что бы класс подключился, для некоторых модулей может потребоваться изменение стиля модуля с «Унаследовано» на «html5» или на «xhtml».

JoomShopping модуль ajax корзины и модуль отложенных товаров версии PRO

JoomShopping модуль ajax корзины (версия PRO)

Jshopping Cart and Wishlist Ajax 3.7.2 от 21.03.2019

Модуль корзины и модуль отложенных товаров!

Возможности и преимущества модуля Аякс корзины:

• Добавление товара в корзину происходит по методу AJAX(на лету) без перезагрузки страницы.
• Умеет работать с атрибутами в списке товаров.
• Совместим с плагином вывода атрибутов в списке товаров
• Возможность двойного использования модуля (как модуль корзины, так и как модуль листа ожидания – отложенных товаров).
• Поддержка Bootstrap 2, Bootstrap 3.
• Добавлена возможность объединения js-файлов модуля в один файл.
• Расширенные настройки модуля
• Возможность отображения атрибутов и характеристик товара в модуле.
• Ввод дисконта, работа с минимальной и максимальной суммой заказа и многое другое.
• Несколько настраиваемых тем модуля корзины (выбор цвета корзины и выбор шаблона корзины с отображением количества, суммы, наименования, изображения товара, кнопки количества товара с полем ввода + или – и кнопки удалить).

Для корректной работы модуля необходимо включить SEF в общих настройках сайта и опубликовать пункт меню Joomshopping » Все категории » Можно в невыводимом на сайт меню.

В данной версии добавлена поддержка анимации при добавлении товара в корзину для сторонних модулей Joomshopping. Для подключения данной функции необходимо добавить вашему модулю класс «ajaxcart-on», вписав его в настройках в поле «Суффикс CSS-класса модуля» (не забудьте поставить пробел перед классом). Что бы класс подключился, для некоторых модулей может потребоваться изменение стиля модуля с «Унаследовано» на «html5» или на «xhtml».

У становка происходит через менеджер расширений Joomla 3. Проверено на Joomla 3.9.3 + JoomShopping 4.18.2!

Источник