Регистрация
Вход через соцсети
Восстановление пароля

Корзина и интернет магазин!

Новый топик
02.12.2011, 13:04
Ответить | Цитировать
Гость
Гость

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 еще и дизайн, потом страница перезагружается!
198 196 11732
Описание проекта