Хаки и Скрипты Next Generation CMS

Следующая модификация плагина basket

irbees2008 irbees2008 Опубликовано - 28 - сентября Настройка плагинов
2046 - 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>
3.Далее ищем строчку
Код:
<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>
4.Ну вот и все пользуемся
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>
.
Вот и все на сегодня ,кому что не понятно пишем в комменты.

Можешь почитать и вот эту статейку "Ставим вертикальное выпадающие меню на CSS"

Опрос

Ваше мнение

Как вам наш дизайн сайта?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 3323 дня
  • Новостей: 542
  • Комменты: 254
  • Зарегистрированно : 570
  • Онлайн всего: [10]
  • Гости: [9]
  • Поисковики: [1] Google
  • Были сегодня : [3] Яндекс, Google, irbees2008
  • SQL запросов: 31
  • Генерация страницы: 0.098сек
  • Потребление памяти: 4.936 Mb 
  •   яндекс.ћетрика