Модуль всплывающей корзины (Popupcart) 1.1

+ -
+5
Модуль всплывающей корзины (Popupcart) 1.1


Intro

Модуль для OcStore ( Opencart ) - Всплывающая корзина. Модуль срабатывает каждый раз при нажатии на кнопку "купить". Вид корзины подгружается каждый раз при помощи ajax.

Установка/Настройка:
- Скачиваем модуль;
- Закачиваем файлы в папку с магазином;
- Переходим в панель управления, устанавливаем модуль;
- Добавляем "модули" на те страницы, где мы хотим, чтобы появлялась корзина. Позиция значения не имеет;
- Настраиваем внешний вид корзины, либо используем по умолчанию;
- Изменяем код common.js функции addToCart - добавляем вызов модулям после совершения покупки.
/* Добавляем код послеfunction addToCart(){if (json['success']) {  // ******** //  $('html, body').animate({ scrollTop: 0 }, 'slow');*/var modPopupCart = window.modPopupCart || undefined;if( modPopupCart ){modPopupCart.open();}

- Добавляем следующий код на странице catalog/view/template/theme/.../product/product.tpl
// Послеif (json['success']) {$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');$('.success').fadeIn('slow');$('#cart-total').html(json['total']);$('html, body').animate({ scrollTop: 0 }, 'slow');// Вставляем этоvar modPopupCart = window.modPopupCart || undefined;		if( modPopupCart ){		  modPopupCart.open();		}


Особенности
- Модуль не изменяет ни одного родного файла магазина
- Файл с оформлением ( popupcart.css )также может быть переопределен как и шаблон отображения корзины (popupcart/index.tpl, popupcart/load.tpl), достаточно разместить файлы в соотв. папке с текущей темой.
- JS код выделен в отдельный модуль, а также определены методы управления этим модулем, поэтому при необходимости можно без труда изменить стандартную функциональность.
- Закрыть окно можно несколькими разными способами: клавиша ESC, клик по области вокруг окна, клик по крестику в title окна.

Демо
Посмотреть на модуль можно тут:
frontend - http://ocstore.flywebstudio.ru
admin - http://ocstore.flywe...odule/popupcart
логин: demo
пароль: demo

Скриншот
Модуль всплывающей корзины (Popupcart) 1.1


Модуль всплывающей корзины (Popupcart) 1.1


Модуль всплывающей корзины (Popupcart) 1.1


Скачать шаблон
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Комментариев 0