Добавить кнопки количества?

Какой код подправить в стандартной теме Дфолт 2.0 чтобы добавить кнопки увеличения и уменьшения количества заказываемого товара на странице товара и в корзине как на прилагаемом изображении:

2 ответа

  • 1
    Алексей Webasyst 17 апреля 2015 10:09 #

    В файле шаблона темы product.cart.html раскомментируйте блок

    {*

    UNCOMMENT FOR QUANTITY INPUT

    <span class="qty">

    &times; <input type="text" name="quantity" value="1">

    </span>

    *}

    Это добавит поле с вводом количества. +/- можете добавить через JS.

    Для корзины редактируется файл cart.html

    • +3
      Игорь Игорь 17 апреля 2015 16:11 #

      Спасибо за совет, этот код уже раскомментирован, интересуют именно кнопки +/-

      После выхода темы Mobile, посетила идея что эти кнопки можно позаимствовать оттуда если немного покопошиться в коде, или если посоветуете что то конкретное, не копошиться, а сразу действовать.

    • +1
      Надежда Надежда 3 апреля 2018 10:50 #

      Подскажите пожалуйста, как в корзине эти кнопки сделать, в product.cart все получилось, а в cart не получается

  • 2
    IdeaMustBe 1 декабря 2016 23:22 #

    В конце шаблона product.cart.html добавляем:


    <script>  
    
      $(function(){  
    
      $('#uBkp input[type="text"]').before('<div id="uBest-minus">-</div>');  
    
      $('#uBkp input[type="text"]').after('<div id="uBest-plus">+</div>');  
    
      $('div#uBest-plus').click(function() {  
    
      uTovar = +$('#uBkp input[type="text"]').val();  
    
      $('#uBkp input[type="text"]').val(uTovar + 1)  
    
      });  
    
      $('div#uBest-minus').click(function() {  
    
      uTovar = +$('#uBkp input[type="text"]').val();  
    
      if (uTovar > 1) {  
    
      $('#uBkp input[type="text"]').val(uTovar - 1)  
    
      }  
    
      });  
    
      });  
    
      </script>

    А код:


    <span class="qty">
    × <input style="text-align:center;" type="text" name="quantity" value="1"> шт.
    </span>

    заменяем на:


    <div id="uBkp">
                    <span class="qty">
                        × <input style="text-align:center;" type="text" name="quantity" value="1"> шт.
                    </span>
    </div>

    Стили кнопок настраиваем в CSS #uBest-minus и #uBest-plus

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите