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

Почему не работает кнопки увеличить в десктопной версии


talgatuza

Recommended Posts

Скажите пожалуйста когда я нажимая на кнопку увеличить кол-во товаров в корзине на десктопе не работет а на мобильной версии работает 

 

 

                 <span class="input-group-btn">
                                 <button class="btn btn-control btn-white border float-right  button-update" data-type="increase" data-product="{{ product.key }}">
                                     <span class="fas fa-chevron-up fa-increase"></span>     
                            </span>
                            <span class="input-group-btn">
                                <button class="btn btn-control btn-white border float-right button-update" data-type="decrease"  data-product="{{ product.key }}">
                                    <span class="fas fa-chevron-down fa-increase"></span>     
                                </button>    
вот сами кнопки 
вот вся разметка 
<div class="table d-none d-lg-inline-block d-md-inline-block d-sm-inline-block">
<table class="table">
 
                   <thead class="bg-card-table raunded">
                    <tr>
                        <th style="text-align: center;" scope="col" class="rounded-left"></th>
                        <th style="text-align: center;" scope="col">{{ column_model }}</th>
                        <th style="text-align: center;" scope="col">Наименование</th>
                        <th style="text-align: center;" scope="col">{{ column_price }}</th>
                        <th style="text-align: center;" scope="col">{{ column_quantity }}</th>
                        <th style="text-align: center;" scope="col">{{ column_total }}</th>
                        <th style="text-align: center;" scope="col" class="rounded-right">Удалить</th>
                    </tr>
                </thead>
             {% if products or vouchers %}
                    <tbody>
      {% for product in products %}
                <tr>
                <th style="text-align: center;" scope="row">1</th>
                  <td style="text-align: center;"  scope="row" >{{ product.model }}</td>
          <td  style="text-align: center;" class="name">{{ product.name }}{% if not product.stock %} <span class="text-danger">***</span> {% endif %}
                <td style="text-align: center;">{{ product.price }}</td>
                    {% if edit_cart %} 
                <td style="text-align: center;"  class="quantity">
                                 <div class="row">
                                      <div class="col-8 px-2">
                                         <div class="input-group input-group-sm">
                          
                                            <input type="text" data-mask="9?999999999999999" value="{{ product.quantity }}" class="qc-product-qantity form-control text-center" name="quantity[{{ product.key }}]">
 
                                         </div>
                                        </div>
                            <div class="col-2 px-0">
                            <span class="input-group-btn">
                                 <button class="btn btn-control btn-white border float-right  button-update" data-type="increase" data-product="{{ product.key }}">
                                     <span class="fas fa-chevron-up fa-increase"></span>     
                            </span>
                            <span class="input-group-btn">
                                <button class="btn btn-control btn-white border float-right button-update" data-type="decrease"  data-product="{{ product.key }}">
                                    <span class="fas fa-chevron-down fa-increase"></span>     
                                </button>    
                            </span>  
                            </div>
 
                        </div> 
                        
                        </div> 
                        
                        </div> 
        
                      
            {% else %}
            x&nbsp;{{ product.quantity }} 
            </div>
               
            {% endif %}</td>
            <td style="text-align: center;" class="total hidden-xs">{{ product.total }}</td>
                <td style="text-align: center;">
                    <button class="btn  button-remove" data-product="{{ product.key }}" data-remove="{{ product.key }}" title="{{ button_remove }}">
                        <svg width="20" height="20" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z" fill="#D75A4A"/>
                        <path d="M5.76001 12.24L9.00001 9.00001L12.24 5.76001" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
                        <path d="M5.76001 5.76001L9.00001 9.00001L12.24 12.24" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
                        </svg>
                    </button>
                </td>
            </tr>
 
{% endfor %} 
{% endif %}
</tbody>
</table>
</div>
 
 <div class="mobile-table d-lg-none d-md-none d-sm-none mt-4">
         {% for product in products %}
                <table class="table table-borderless">
                
                  <tbody>
                    <tr>
                      <th scope="row" class="rounded-top"></th>
                      <td>1</td>
                    </tr>
                    <tr>
                      <th scope="row">{{ column_model }}</th>
                      <td>957397</td>
                    </tr>
                    <tr>
                      <th scope="row">Наименование</th>
                      <td>{{ product.name }}{% if not product.stock %} <span class="text-danger">***</span> {% endif %}</td>
                    </tr>
                    <tr>
                      <th scope="row">Цена</th>
                      <td>{{ product.price }}</td>
                    </tr>
                    <tr>
                      <th scope="row">Кол-во</th>
                {% if edit_cart %} 
                <td style="text-align: center;"  class="quantity">
                                 <div class="row">
                                      <div class="col-8 px-2">
                                         <div class="input-group input-group-sm">
                          
                                            <input type="text" data-mask="9?999999999999999" value="{{ product.quantity }}" class="qc-product-qantity form-control text-center" name="quantity[{{ product.key }}]">
 
                                         </div>
                                        </div>
                            <div class="col-2 px-0">
                            <span class="input-group-btn">
                                 <button class="btn btn-control btn-white border float-right  button-update" data-type="increase" data-product="{{ product.key }}">
                                     <span class="fas fa-chevron-up fa-increase"></span>     
                            </span>
                            <span class="input-group-btn">
                                <button class="btn btn-control btn-white border float-right button-update" data-type="decrease"  data-product="{{ product.key }}">
                                    <span class="fas fa-chevron-down fa-increase"></span>     
                                </button>    
                            </span>  
                            </div>
 
                        </div> 
                        
                        </div> 
                        
                        </div> 
        
                      
            {% else %}
            x&nbsp;{{ product.quantity }} 
            </div>
               
                    </tr>
                    <tr>
                      <th scope="row">Сумма</th>
                      <td>{{ product.price}}</td>
                    </tr>
                    <tr>
                      <th scope="row" class="rounded-bottom">Удалить</th>
                      
                      <td>
                        <button class="btn  button-remove" data-product="{{ product.key }}" data-remove="{{ product.key }}" title="{{ button_remove }}">
                        <svg width="20" height="20" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M9 18C13.9706 18 18 13.9706 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18Z" fill="#D75A4A"/>
                        <path d="M5.76001 12.24L9.00001 9.00001L12.24 5.76001" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
                        <path d="M5.76001 5.76001L9.00001 9.00001L12.24 12.24" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
                        </svg>
                    </button>
                      </td>
                    </tr>
                  </tbody>
                </table>
                {% endif %}
               {% endfor %} 
            </div>
Надіслати
Поділитися на інших сайтах


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

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

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

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

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

Вхід

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

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

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