Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Корзина покупок. Изменить кол-во товара кнопками -/+

zignatz

Автор: ,
в Opencart 2.x: Пісочниця

 Share

Recommended Posts

zignatz Enthusiast

zignatz

Опубліковано:
Опубліковано:

Добрый вечер. Кто-то реализовывал следующее решение? А именно: в корзине покупок изменение количества товара нажатием на кнопки - и +. 

 

например. в корзине товар. пакет молока  [-] 1 [+]  шт. При нажатии на + или минус страница обновляется, кол-во и сумма меняется. 

 

или может модуль есть. 

Надіслати
Поділитися на інших сайтах

ArtemPitov Grand Master

ArtemPitov

Опубліковано:
Опубліковано:

https://opencartforum.com/topic/64120-для-товаров-в-карточке/

Надіслати
Поділитися на інших сайтах
1
1
1

  • 10 months later...
zignatz Enthusiast

zignatz

Опубліковано:
  • Автор
Опубліковано:

Можно как-то поднять тему? 

 

В общем в корзине покупок кнопки прикрутил, цифры меняются, но чтобы значения записались нужно нажать старую синюю кнопку, типа рефреш баттон.

 

Как-то можно сделать, чтоб действие происходило после изменения количества, нажатием на кнопку + или -  и ненужно было нажимать кнопку рефреш?

  

<?php echo $header; ?>
<div class="breadcrumb-container">
  <div class="container">
    <ul class="breadcrumb">
        <?php foreach ($breadcrumbs as $breadcrumb) { ?>
        <li><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a></li>
        <?php } ?>
    </ul>
  </div>
</div>
<div class="container">
  <?php if ($attention) { ?>
  <div class="alert alert-info"><i class="fa fa-info-circle"></i> <?php echo $attention; ?>
    <button type="button" class="close" data-dismiss="alert">&times;</button>
  </div>
  <?php } ?>
  <?php if ($success) { ?>
  <div class="alert alert-success"><i class="fa fa-check-circle"></i> <?php echo $success; ?>
    <button type="button" class="close" data-dismiss="alert">&times;</button>
  </div>
  <?php } ?>
  <?php if ($error_warning) { ?>
  <div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> <?php echo $error_warning; ?>
    <button type="button" class="close" data-dismiss="alert">&times;</button>
  </div>
  <?php } ?>
  <div class="row"><?php echo $column_left; ?>
    <?php if ($column_left && $column_right) { ?>
    <?php $class = 'col-sm-6'; ?>
    <?php } elseif ($column_left || $column_right) { ?>
    <?php $class = 'col-sm-9'; ?>
    <?php } else { ?>
    <?php $class = 'col-sm-12'; ?>
    <?php } ?>
    <div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?>
      <h1><?php echo $heading_title; ?>
        <?php if ($weight) { ?>
        &nbsp;(<?php echo $weight; ?>)
        <?php } ?>
      </h1>
      <form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data">
        <div class="table-responsive">
          <table class="table table-bordered">
            <thead>
              <tr>
                <td class="text-center"><?php echo $column_image; ?></td>
                <td class="text-left"><?php echo $column_name; ?></td>
                <td class="text-left"><?php echo $column_quantity; ?></td>
                <td class="text-right"><?php echo $column_price; ?></td>
                <td class="text-right"><?php echo $column_total; ?></td>
              </tr>
            </thead>
            <tbody>
              <?php foreach ($products as $product) { ?>
              <tr>
                <td class="text-center"><?php if ($product['thumb']) { ?>
                  <a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-thumbnail" /></a>
                  <?php } ?></td>
                <td class="text-left"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a>
                  <?php if (!$product['stock']) { ?>
                  <span class="text-danger">***</span>
                  <?php } ?>
                  <?php if ($product['option']) { ?>
                  <?php foreach ($product['option'] as $option) { ?>
                  <br />
                  <small><?php echo $option['name']; ?>: <?php echo $option['value']; ?></small>
                  <?php } ?>
                  <?php } ?>
                  <?php if ($product['reward']) { ?>
                  <br />
                  <small><?php echo $product['reward']; ?></small>
                  <?php } ?>
                  <?php if ($product['recurring']) { ?>
                  <br />
                  <span class="label label-info"><?php echo $text_recurring_item; ?></span> <small><?php echo $product['recurring']; ?></small>
                  <?php } ?></td>
               
                <td class="text-left">
                    <!--собственно кнопки-->
                     <div class="my_quantity">
                       <!-- минус -->
<button type="submit" data-toggle="tooltip" class="my_minus">-</button>           
 <!-- поле с количеством -->
<input type="text"  name="quantity[<?php echo $product['cart_id']; ?>]" class="quant" value="<?php echo $product['quantity']; ?>" size="1"/>
              
            <!-- плюс -->
<button type="submit" data-toggle="tooltip" class="my_plus">+</button>
             <!-- только после нажатия на эту кнопку страница обновляется с измененными на + или - значением. и сумма тоже обновляется -->
              <button type="submit">refresh</button>
            </div>
            </div>
                </td>
                    
                <td class="text-right"><?php echo $product['price']; ?></td>
                <td class="text-right"><?php echo $product['total']; ?></td>
              </tr>
              <?php } ?>
              <?php foreach ($vouchers as $voucher) { ?>
              <tr>
                <td></td>
                <td class="text-left"><?php echo $voucher['description']; ?></td>
                <td class="text-left"></td>
                <td class="text-left"><div class="input-group btn-block" style="max-width: 200px;">
                    <input type="text" name="" value="1" size="1" disabled="disabled" class="form-control" />
                    <span class="input-group-btn">
                    <button type="button" data-toggle="tooltip" title="<?php echo $button_remove; ?>" class="btn btn-danger" onclick="voucher.remove('<?php echo $voucher['key']; ?>');"><i class="fa fa-times-circle"></i></button>
                    </span></div></td>
                <td class="text-right"><?php echo $voucher['amount']; ?></td>
                <td class="text-right"><?php echo $voucher['amount']; ?></td>
              </tr>
              <?php } ?>
            </tbody>
          </table>
        </div>
      </form>
      <?php if ($modules) { ?>
     
     
      <div class="panel-group" id="accordion">
        <?php foreach ($modules as $module) { ?>
        <?php echo $module; ?>
        <?php } ?>
      </div>
      <?php } ?>
      <br />
      <div class="row">
        <div class="col-sm-4 col-sm-offset-8">
          <table class="table table-bordered">
            <?php foreach ($totals as $total) { ?>
            <tr>
              <td class="text-right"><strong><?php echo $total['title']; ?>:</strong></td>
              <td class="text-right"style="width: 70px;"><?php echo $total['text']; ?></td>
            </tr>
            <?php } ?>
          </table>
        </div>
      </div>
      <div class="buttons clearfix">
        <div class="pull-left"><a href="<?php echo $continue; ?>" class="btn btn-default"><?php echo $button_shopping; ?></a></div>
        <div class="pull-right"><a href="<?php echo $checkout; ?>" class="btn btn-primary"><?php echo $button_checkout; ?></a></div>
      </div>
      <?php echo $content_bottom; ?></div>
    <?php echo $column_right; ?></div>
</div>
<?php echo $footer; ?>
<script type="text/javascript">
  $(document).ready(function(){
    setTimeout(function () {
            $('.alert').remove();
          },5000);
  })
</script>

 <!-- скрипт для +/- -->
<script type="text/javascript" >
$(document).ready(function() {
$('.my_minus').click(function () {
var $input = $(this).parent().find('.quant');
var count = parseInt($input.val()) - 1;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
return false;
});
$('.my_plus').click(function () {
var $input = $(this).parent().find('.quant');
$input.val(parseInt($input.val()) + 1);
$input.change();
return false;
});
});
</script>

 

  • +1 1
Надіслати
Поділитися на інших сайтах

HyperLabTeam Grand Master

HyperLabTeam

Опубліковано:
Опубліковано:
В 05.09.2016 в 22:49, zignatz сказал:

Добрый вечер. Кто-то реализовывал следующее решение? А именно: в корзине покупок изменение количества товара нажатием на кнопки - и +. 

 

например. в корзине товар. пакет молока  [-] 1 [+]  шт. При нажатии на + или минус страница обновляется, кол-во и сумма меняется. 

 

или может модуль есть. 

воткни вот это и не мучайся

 

Надіслати
Поділитися на інших сайтах

  • 5 months later...
JDBIZ Newbie

JDBIZ

Опубліковано:
Опубліковано:

чуть-чуть не дажал :) 

Нужно добавить последовательное выполнение функции edit() и можно рефреш убирать.

 

<script type="text/javascript" >
$(document).ready(function() {
$('.my_minus').click(function () {
var $input = $(this).parent().find('.quant');
var count = parseInt($input.val()) - 1;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change().edit();
return false;
});

$('.my_plus').click(function () {
var $input = $(this).parent().find('.quant');
$input.val(parseInt($input.val()) + 1);
$input.change().edit();
return false;
});
});
</script> 

  • +1 2
Надіслати
Поділитися на інших сайтах

  • 1 year later...
sashamaximiv Community Regular

sashamaximiv

Опубліковано:
Опубліковано:
В 25.01.2018 в 01:16, JDBIZ сказал:

чуть-чуть не дажал :) 

Нужно добавить последовательное выполнение функции edit() и можно рефреш убирать.

 

<script type="text/javascript" >
$(document).ready(function() {
$('.my_minus').click(function () {
var $input = $(this).parent().find('.quant');
var count = parseInt($input.val()) - 1;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change().edit();
return false;
});

$('.my_plus').click(function () {
var $input = $(this).parent().find('.quant');
$input.val(parseInt($input.val()) + 1);
$input.change().edit();
return false;
});
});
</script> 

единственное рабочее решение)

  • +1 1
Надіслати
Поділитися на інших сайтах

sashamaximiv Community Regular

sashamaximiv

Опубліковано:
Опубліковано: 
<!--собственно кнопки-->
                     <div class="my_quantity">
                       <!-- минус -->
<button type="submit" data-toggle="tooltip" class="my_minus">-</button>           
 <!-- поле с количеством -->
<input type="text"  name="quantity[<?php echo $product['cart_id']; ?>]" class="quant" value="<?php echo $product['quantity']; ?>" size="1"/>
              
            <!-- плюс -->
<button type="submit" data-toggle="tooltip" class="my_plus">+</button>
             <!-- только после нажатия на эту кнопку страница обновляется с измененными на + или - значением. и сумма тоже обновляется -->
              <button type="submit">refresh</button>
            </div>
            </div>

 

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
 Share
Перейти до списку тем

Покупцям

Розробникам

Корисна інформація

Останні розширення

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.

  Я даю згоду