Изменяемое количество товара в мини корзине common/cart.twig

Тема в разделе "Общие вопросы", создана пользователем chester98, 27 окт 2020.

  1. chester98

    chester98 Пользователь

    Сообщения:
    45
    Симпатии:
    1
    Здравствуйте, и вновь прошу помощи так не хватает знаний) Как сделать чтобы в мини корзине была возможность изменять количество товара и при этом происходило ajax обновление.
    код взял из симпл, а что дальше делать не знаю, тк в js не силен
    HTML:
    <td class="quantity">
    <div class="input-group btn-block" style="max-width: 200px;">
    <span class="input-group-btn">
    <button class="btn btn-primary" data-onclick="decreaseProductQuantity" data-toggle="tooltip" type="submit">
    <i class="fa fa-minus"></i>
    </button>
    </span>
    <input class="form-control" type="text" data-onchange="changeProductQuantity" {{ quantity_step_as_minimum ? 'onfocus="$(this).blur()" data-minimum="' ~ product['minimum'] ~ '"' : '' }} name="quantity[{{ product['cart_id'] is not empty ? product['cart_id'] : product['key'] }}]" value="{{ product['quantity'] }}" size="1" />
    <span class="input-group-btn">
    <button class="btn btn-primary" data-onclick="increaseProductQuantity" data-toggle="tooltip" type="submit">
    <i class="fa fa-plus"></i>
    </button>
    <button class="btn btn-danger" data-onclick="removeProduct" data-product-key="{{ product['cart_id'] is not empty ? product['cart_id'] : product['key'] }}" data-toggle="tooltip" type="button">
    <i class="fa fa-times-circle"></i>
    </button>
    </span>
    </div>
    </td>
    
    Шаблон стандартный, Opencart 3
     
    Последнее редактирование: 27 окт 2020
  2. chester98

    chester98 Пользователь

    Сообщения:
    45
    Симпатии:
    1
    или как в стандартной корзине /checkout/cart.twig
    HTML:
    <div class="input-group btn-block" style="max-width: 200px;">
    <input type="text" name="quantity[{{ product.cart_id }}]" value="{{ product.quantity }}" size="1" class="form-control" />
    <span class="input-group-btn">
    <button type="submit" data-toggle="tooltip" title="{{ button_update }}" class="btn btn-primary"><i class="fa fa-refresh"></i></button>
    <button type="button" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger" onclick="cart.remove('{{ product.cart_id }}');"><i class="fa fa-times-circle"></i></button>
    </span></div>
     
  3. my2you

    my2you Продвинутый пользователь

    Сообщения:
    281
    Симпатии:
    125
    Да тут не только js. Тут все за вас делать. Это обычно платное решение, по таким вводным данным.
     
  4. fanatic

    fanatic Продвинутый пользователь

    Сообщения:
    1.415
    Симпатии:
    239
    100%