Кнопка плюс минус один Instantshop

+29
2.53K
Решил прикрутить увеличение — уменьшение цифры товара для попадания в Корзину заказа
Иллюстрация

в файле shopa com_inshop_items.tpl

находим
  1. <td><input type="text" class="amount"....</td>
меняем на
  1. <td><span class="minus_qty">-</span><input type="text" class="amount" name="qty" value="1" size="3" style="text-align:center"/><span class="plus_qty">+</span></td>
в конец файла добавим скрипт
  1.  
  2. <script type="text/javascript" >
  3. {literal}
  4. $(document).ready(function() {
  5. $('.minus_qty').click(function () {
  6. var $input = $(this).parent().find('input');
  7. var count = parseInt($input.val()) - 1;
  8. count = count < 1 ? 1 : count;
  9. $input.val(count);
  10. $input.change();
  11. return false;
  12. });
  13. $('.plus_qty').click(function () {
  14. var $input = $(this).parent().find('input');
  15. $input.val(parseInt($input.val()) + 1);
  16. $input.change();
  17. return false;
  18. });
  19. });
  20. {/literal}
  21. </script>
  22.  
в подключенный css файл, у меня inshop.css добавим стили

  1.  
  2. .minus_qty {
  3. width:11px;
  4. height:11px;
  5. background:#f4f4f4;
  6. border-radius:4px 0 0 4px;
  7. -webkit-border-radius:4px 0 0 4px;
  8. -moz-border-radius:4px 0 0 4px;
  9. padding:3px 5px 3px 5px;
  10. border:1px solid #d5d5d5;
  11. cursor: pointer;
  12. }
  13. .plus_qty {
  14. width:11px;
  15. height:11px;
  16. background:#f4f4f4;
  17. border-radius: 0 4px 4px 0;
  18. -webkit-border-radius: 0 4px 4px 0;
  19. -moz-border-radius: 0 4px 4px 0;
  20. padding:3px 5px 3px 5px;
  21. border:1px solid #d5d5d5;
  22. cursor: pointer;
  23. }
  24.  
  25.  
  26. input.amount {
  27. height: 20px;
  28. line-height: 20px;
  29. border-top: 1px solid #d5d5d5;
  30. border-bottom: 1px solid #d5d5d5;
  31. border-left:0;
  32. border-right:0;
  33. }
  34.  
Ну и также делаем в файле shopa com_inshop_item.tpl
+2
Anonim Anonim 8 лет назад #
Почему вот этих простых вещей не делают разработчики? Они занимаются icms2.0?
+8
deltas deltas 8 лет назад #
Нет, они наши комменты модерируют, причем зачастую совсем ненужные))
Все предвидеть нельзя, конечно из таких простых вещей составляется окончательный продукт, но всегда найдется то, что (забыли/не смогли/не захотели) сделать. И именно благодаря этому у нас есть такое любимое занятие - допиливать, оттачивать, присобачивать и т.п. нужное к этому замечательному конструктору.
+4
Роман Роман 8 лет назад #
Прям как про отечественный автопром hoho
+1
Def Def 8 лет назад #
это точно)

пока только видеокомпонент- как БМВ)
+1
santi santi 8 лет назад #
а еще 100500 других простых вещей не сделали ввиду отсутствия телепатии к каждому гражданину РФ.
0
Designer Designer 7 лет назад #
в этом файле: com_inshop_items.tpl
не могу найти строку: <td><input type="text" class="amount"....</td>

Что делать ?
0
Юрий Юрий 4 года назад #
Подскажите как это решение реализовать на InstantShop 2.2 там немного подругому реализовано добавление в корзину?
0
Bubble Gumoff Bubble Gumoff 4 года назад #
Да вроде все также должно быть. Если строка не находится попробуйте найти class="amount" это и будет поле ввода числа, куда приклеиваем плюс и минус
0
Bubble Gumoff Bubble Gumoff 4 года назад #
в общем amount если нет ищем <input где есть name="qty"

Еще от автора

Приватность профиля - никому не показывать (только мне)
В 1.10.3 Понадобилось не показывать данные профиля пользователя никому. Оказалось все просто.
Хак для Меню shop | video
Дополнение к модулю меню для раскрытия дочерних пунктов меню у Шопа , Видео и Мапс и вообще..
Убрать название компонента из Урл (URL) 1.10
Решил записать решение найденное на форуме в блоги, понял что в базовом комплекте 1.10.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.