Перейти к содержимому


Добавление + и - в корзину.

Кнопки + корзина

  • Вы не можете ответить в тему
В теме одно сообщение

#1 Artmtmnw

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

  • Download User
  • PipPip
  • 13 сообщений
Репутация: 3
Начинающий

Отправлено 22 July 2013 - 03:49 PM

Может кому будет полезно. Прикручиваем - и + к количеству товара в корзине с авто обновлением.
1. Подключем кнопки и автообновление.
Ищем в shopping_cart.tpl.html
{if $session_items}
<input type="text" name="count_{$session_items[i]}" size=5 value="{$cart_content[i].quantity}">
{else}
<input type="text" name="count_{$cart_content[i].id}" size=5 value="{$cart_content[i].quantity}">
{/if}

Заменяем на:

{if $session_items}
<input type="text" name="count_{$session_items[i]}" size="5" value='{$cart_content[i].quantity}' onChange="document.getElementById('formppl').submit(); return false">
{else}
<span class="minus">-</span>
<input type="text" name="count_{$cart_content[i].id}" size="5" value='{$cart_content[i].quantity}' onChange="document.getElementById('formppl').submit(); return false">
<span class="plus">+</span>
{/if}

2. Прикручиваем скрипт:
В самом верху shopping_cart.tpl.html или в head.tpl.html вставляем код:

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

</script>{/literal}

Все теперь должно все работать.
Если кнопки не работают, то обновите jquery до последней версии.
Не забываем сказать спасибо. :)

Прикрепленные файлы

  • Прикрепленный файл  1.png   2.77К   26 Количество загрузок:

  • 1

#2 kasta69

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

  • Download User
  • PipPipPip
  • 102 сообщений
Репутация: 7
Начинающий
  • ГородНижний Тагил

Отправлено 02 April 2014 - 09:01 AM

В style.css добавляем стили
.plus, .minus{
cursor:pointer;
}
и при наведении на + - курсор изменится.
Дополнение интересное. Спасибо!
  • 0