Товар, умножаем цену на кол-во товара и выводим цену, как сделать?

Чуть изменил одно поле, let totalPrice = $productNode.find('.sum')
Теперь, let sellingPrice = priceakcia ? priceakcia : price; срабатывает верно.

Товар, умножаем цену на кол-во товара и выводим цену, как сделать?

MikUrrey, поправил, но чет ничего не изменилось )

$('div[data-product]').each(function() { //собираем все контейнеры товаров и прогоняем по ним цикл
   let $productNode = $(this); //фиксируем jQ-объект товара
   let productId = $productNode.data('product'); //получаем ID товара
   $productNode.find('.plus').on('click', function() {
     var $input = $(this).parent().find('input');
     $input.val(parseInt($input.val()) + 1);
     $input.change();
     return false;
   });
   $productNode.find('.minus').on('click', function() {
     var $input = $(this).parent().find('input');
     var count = parseInt($input.val()) - 1;
     count = count < 1 ? 1 : count;
     $input.val(count);
     $input.change();
     return false;
   });

   let price = $productNode.find('input[name="price"]').val(); //берем цену
   let priceakcia = $productNode.find('input[name="priceakcia"]').val(); //берем цену акции
   let sellingPrice = priceakcia ? priceakcia : price; //проверка цены, если есть цена акции, то берет ее, если нет то берет простую
   let kolvo = $productNode.find('input[name="kolvo"]').val(); //берем кол-во
   let totalPrice = $('.sum') //передаем цену по id
   let rezult = parseInt(sellingPrice, 10) * parseInt(kolvo, 10) //умножаем сумму на кол-во
   $(totalPrice).html(rezult); //выводим полученную сумму
 });

Товар, умножаем цену на кол-во товара и выводим цену, как сделать?

MikUrrey, ну да я sum не ид сделал, а класс.

Товар, умножаем цену на кол-во товара и выводим цену, как сделать?

Так вот что у меня вышло:
https://jsfiddle.net/3cw4mups/10/

Я там изменил, не стал добавлять доп поля data-role, просто с name беру.

Сумма выводиться, но когда кол-во меняю в импуте, сумма не умножается.
И еще let sellingPrice = priceakcia ? priceakcia : price; не работает, я там в товаре в одном из 3, убрал цену акции и оставил просто цену.

Товар, умножаем цену на кол-во товара и выводим цену, как сделать?

MikUrrey, пошаманил и сделал так

let price = $productNode.find('input[data-role="price"]').val(); //берем цену
let priceakcia = $productNode.find('input[data-role="priceakcia"]').val(); //берем цену акции
let sellingPrice = priceakcia? priceakcia: price; //проверка цены, если есть цена акции, то берет ее, если нет то берет простую
let kolvo = $productNode.find('input[data-role="kolvo"]').val(); //берем кол-во
let totalPrice = $('#sum') //передаем цену по id
let rezult = +sellingPrice * +kolvo //умножаем сумму на кол-во
$(totalPrice).html(rezult); //выводим полученную сумму

но сумма не выводится в '#sum'

Товар, умножаем цену на кол-во товара и выводим цену, как сделать?

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

$('.minplus').each(function() {
    const $input = $('.kolvo', this);
    let val = +$input.val();
    $('.plus', this).on('click', function() {
      val += 1;
      $input.val(val).trigger('input');
    });
    $('.minus', this).on('click', function() {
      val -= 1;
      if (val < 0) val = 0;
      $input.val(val).trigger('input');
    });
  });

Товар, умножаем цену на кол-во товара и выводим цену, как сделать?

MikUrrey, а где ошибка тут, чет не пойму

<b id="sum">

Товар, умножаем цену на кол-во товара и выводим цену, как сделать?

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

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

А так спасибо за пример хороший.

Товар, умножаем цену на кол-во товара и выводим цену, как сделать?

Отлично, я про это и спрашивал, как ловить id, чтобы правильно все работало.
Все верно я сделал?

$('div[data-product]').each(function() { //собираем все контейнеры товаров и прогоняем по ним цикл
   let $productNode = $(this); //фиксируем jQ-объект товара
   let productId = $productNode.data('product'); //получаем ID товара
   $productNode.find('.plus').on('click', function() {
       var $input = $(this).parent().find('input');
       $input.val(parseInt($input.val()) + 1);
       $input.change();
       return false;
   });
   $productNode.find('.minus').on('click', function() {
       var $input = $(this).parent().find('input');
       var count = parseInt($input.val()) - 1;
       count = count < 1 ? 1 : count;
       $input.val(count);
       $input.change();
       return false;
   });
 });

Проверил, работает, применил на примере своем:
https://jsfiddle.net/3cw4mups/7/

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

Вертикальное выпадающий каталог на css, по типу как на dns, как довести до ума?

Elena Fire, так же добавил, дублирую https://jsfiddle.net/0jmto2hx/3/

Вертикальное выпадающий каталог на css, по типу как на dns, как довести до ума?

1) насчет флексов, да я понял что это он так делает, что остаются пустые, тогда как мне сделать корректно, сказать легко что мол лишнее, это я сам знаю, но мне надо на что-то заменить, чтобы в ряд три блока было и при медиа, уменьшать, 2 блока, потом 1.

2) решил так не делать, ибо каталог длинный, и придется крутить вверх, чтоб начало блока с категориями увидеть.

3) факт что без js сделать можно, надо при медиа запросе ловить и переделывать стили чтоб так вышло, но пока не могу понять как, ибо не делал. Радио кнопки, что за бред )

4) надо было пример привести.

У вас ответы такие как бы так сказать, то что я и сам знал, кроме 2), вы бы примеры привели на моем примере. - тогда будет понятно, что все эти 4 фантазии то как написали, возможно придется по другому делать.

Адаптивное вертикальное меню для интернет магазина по типу как на dns, где взять?

valgerofficial, Видимо у вас хороший опыт, я создал тему, где с помощью опытных людей планирую прийти к совершенству в данной разработке в плане каталога.
Вертикальное выпадающий каталог на css, по типу как на dns, как довести до ума?

Display: flex; универсальные блоки с отступами, проблема адаптации и отсупов, как исправить?

Андрей Федоров, Ага я понял, первому и последнему, а если 3 блока или 4. и если есть второй ряд.

Адаптивное вертикальное меню для интернет магазина по типу как на dns, где взять?

approximate solution, Верно, но если знания позволяют.

Адаптивное вертикальное меню для интернет магазина по типу как на dns, где взять?

Нашел вот такой вариант.
Первая вкладка прям то что надо, адаптация тож есть, остальное придется вырезать.

Адаптивное вертикальное меню для интернет магазина по типу как на dns, где взять?

Ну там же не продают, там можно найти исполнителя который сделает.
Есть ли смысл с нуля делать.

Адаптивное вертикальное меню для интернет магазина по типу как на dns, где взять?

Рустам Байназаров, Вообще да, проще если есть знания js ))).

Как реализовать переходы в меню категорий как в DNS?

rzlobin89, я делал подобное, там нужно делать плавный эффект исчезания и появления.

Проблема при подгрузке хелпера, ставлю старые файлы на новый движек, как исправить ошибку?

ThunderCat, мог бы ничего и не писать уже ) опять пустотреп. мНе помогли уже, я решил задачу, скинул сюда ответ, может у кого будет такой же вопрос.

Проблема при подгрузке хелпера, ставлю старые файлы на новый движек, как исправить ошибку?

Так все рабочее решение есть вот оно

public static function getCategory()
    {
    $query = "SELECT * FROM `categories` ORDER BY `position`";
    $result = DB::query(Database::SELECT, $query)->execute();
    $data = [];
    while ($row = $result->current()) {
      $data[$row["parent_id"]][] = $row;
      $result->next();
    }
    return $data;
    }