Хочу сделать удобное добавление/удаление товаров в сравнение, но не хватает знаний, прошу помощи.
Задача следующая, в слюбом месте сайта, где отображаются превью товара, кнопка добавить к сравнению, при нажатии товар добавляется к сравнению, кнопка меняет свой вид, при повторном нажатии товар удаляется из сравнения, вид меняется на первоначальный. В хедере отображается количество товаров для сравнения.
С добавлением товара проблем не возникло, а вот с удалением проблемы. Стандартный код скрипта, уже доработанный для изменения вида кнопки после нажатия:
var compare = {
'add': function(product_id) {
$.ajax({
url: 'index.php?route=product/compare/add',
type: 'post',
data: 'product_id=' + product_id,
dataType: 'json',
success: function(json) {
$('.alert').remove();
if (json['success']) {
$('#compare-total').html(json['info']);
$(".prod-compare").find(".addcompare.prod-"+product_id).addClass("hideClass");
$(".prod-compare").find(".delcompare.prod-"+product_id).addClass("showClass");
}
}
});
},
'remove': function() {
}
}
Так же в хедере количество товаров в сравнении меняется только после обновления страницы. Если отметить товар и перейти на другую страницу, а потом вернуться - товар уже не будет отмечен, хотя надо информацию о товарах в сравнении как то отображать на любой странице сайта.
Помогите плиз разобраться с этой задачей.
