Подсчет числа товаров в мини-корзине как реализовать?

Question

[jitcompany]

имеется простой магазин.
Реализовал добавление в корзину товаров
В качестве проверки решил выводить id товара ----- кол-во товара

Помогите как сделать чтобы просто общее число товаров подсчитывало

function showMiniCart() {
    //показываю мини корзину
    var out="";
    for (var key in cart) {		
        out += key +' --- '+ cart[key]+'<br>';
    }
    $('.mini-cart').html(out);
}

Answer 1

[vasiiil]

function showMiniCart() {
    //показываю мини корзину
    var out="", all_count = 0;
    for (var key in cart) {	
        out += key +' --- '+ cart[key]+'';
        all_count += cart[key];
    }
    $('.mini-cart').html(out);
    $('<all_count_container>').html(all_count);
}

Comments

[jitcompany]

function showMiniCart() {
    //показываю мини корзину
	var out="", all_count = 0;
    for (var key in cart) {	
        out += key +' --- '+ cart[key]+'';
        all_count += cart[key];
    }
    $('.mini-cart').html(all_count);

[jitcompany]

Как теперь дать значение "0", если корзина пуста

[vasiiil]

Оно изначально инициализировано нулем. И если корзина пустая, то не изменится

[jitcompany]

с самого начала вообще никакую цифру не показывает, у меня при таком раскладе значок корзины исчезает.
Нужно чтобы показывал постоянно какое-либо значение

[jitcompany]

Реализация идет так:

<span class="shoping-cart"><div class="mini-cart"></div></span>

тут надо какую-то обработку типа: если out=0, то выводим значение = 0, если нет то подключаем <div class="mini-cart"></div>
Видимо нужно php подключать

[vasiiil]

никакой обработки дополнительной не надо. просто надо вызвать функцию, которая определяет выводимое значение. т.е. как-то так:

$(function () {
  showMiniCart();
});

function showMiniCart() {
  var cart = [];
  //показываю мини корзину
  var all_count = 0;
  for (var key in cart) {	
    all_count += cart[key];
  }
  $('.mini-cart').html(all_count);
}

[jitcompany]

Стало как надо
Только теперь он постоянно "0" выводит. При добавление в корзину

[vasiiil]

Я надеюсь, ты не просто скопировал мой код? Я в функции переопределял переменную cart. Если так, то убери строчку var cart = [];

[jitcompany]

function showMiniCart() {
  //var cart = [];
  //показываю мини корзину
  var out="", all_count = 0;
  for (var key in cart) {	
    all_count += cart[key];
  }
  $('.mini-cart').html(all_count);
}
$(function () {
  showMiniCart();
});

[jitcompany]

теперь, следуя логике по данному коду можно написать такой же но только для подсчета суммы заказа

function showPriceCart() {
  var out_price="", all_price = 0;
  for (var key in cart) {	
    all_price += cart[key].cost;
  }
  $('.mini-cart'-price).html(all_price);
}

${data[key].cost}
Этим кодом я вызываю цену из БД (JSON)

Я в JS уровень ниже чайника, но предчуствие, что проблема в строке: all_price += cart[key].cost;

[vasiiil]

jitcompany, скиньте код php того, что вы отправляете клиенту