3293
- 0
- Адаптировал: irbees2008
- Уровень сложности исполнения: нужны навыки css html
Вот посидел в нете ,обмозговал,и сделал следующую модификацию плагина basket.Ну в чем суть понятно, на Скрине ,я добавил кнопки + и - для количества товара. Сейчас я распишу как вам это сделать у себя.
И так приступим
1.Идем в диреторию templates/ваш шаблон/plugins/basket и открываем шаблон list.tpl
2.Ищем строчку
Код:
{% if (recs > 0) %}Код:
<style type="text/css">
span {cursor:pointer; }
.number{
margin:100px 30%;
}
.minus, .plus{
width:12px;
height:12px;
background:#f2f2f2;
padding:3px 5px 3px 5px;
border:1px solid #ddd;
}
</style>
<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>
Код:
<input name="count_{{ entry.id }}" type="text" maxlength="5" style="width: 35px;" value="{{ entry.count }}"/>Код:
<span class="minus">-</span><input name="count_{{ entry.id }}" type="text" maxlength="5" style="width: 35px;" value="{{ entry.count }}"/><span class="plus">+</span>5. Как видите у меня есть еще кнопка очистить поле,эта кнопка полностью удаляет всю строку товара.
6. Ищем такой код
Код:
<td align="right" class="blue_t">{{ entry.sum }}</td>Код:
<td align="right"><input type="submit" name="count_{{ entry.id }}"value="очистить" onclick="this.form.reset(); "></td>Вот и все на сегодня ,кому что не понятно пишем в комменты.
Можешь почитать и вот эту статейку "Чашка чая на CSS3"
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.