|
Гость
Гость
|
1. Удобнее всего если на чайте подключен джиквери http://code.jquery.com/jquery-1.7.1.min.js , на нем и будем делать
2. Чтоб было совсем просто, нужно подключить плагин jQuery Form Plugin http://www.malsup.com/jquery/form/
3. Фрму добавления в корзину переделывать не надо, подойдет стандартная (ну разве что клас добавить чтоб потом в джиквери ее легко найти):
4. Если есть мини корзина на сайте, то ей нужно присвоить каконибудь ИД, например id='karzina'
5. Подключаем файл с таким яваскриптом (или добавляем в имеющийся):
$(document).ready(function(){
var options = {
success: showResponse // функция которая выполняется после отправки данных формой
};
$('form.cart-form').submit(function() {
$(this).ajaxSubmit(options);
return false;
});
function showResponse() {
$('#karzina').load('/page/ #karzina',{}); // тут /page/ урл любой страницы где есть миникарзина, можно сделать отдельно специальную страницу на которой будет только миникорзина
}
});
В принципе все, добавление аяксом будет работать,
но для того чтоб совсем хорошо было, нужно добавить всякие гиф лоадеры, вывести уведомление что товар добавлен, все это можно реализовать в рамках функции showResponse()
и вообще желательно както выделять уже добавленные товары в общем списке, для этого пригодится массив $shop->Cart["goods"] в нем хранятся ИД добавленных в корзину товаров.
СПАСИБО Панчесу за предоставленный код!
но работать не хочет, закомментировал все js работает, но при обновлении корзины вылазит в dive еще и дизайн, потом страница перезагружается!
|
