Изменение количества товаров в корзине tpl — различия между версиями

Материал из Umicms
Перейти к:навигация, поиск
 
(не показаны 4 промежуточные версии 3 участников)
Строка 1: Строка 1:
Для того, чтобы пользователь мог в корзине менять количество товаров
+
'''Актуально для версии 2.9'''
  
Сейчас мы в несколько довольно несложных действий заставим нашу вебформу, добавленную с помощью модуля обратная связь работать без перезагрузки страницы.
+
Для того, чтобы пользователь мог в корзине менять количество товаров открываем шаблон корзины, предварительно убедившись, что у вас в шаблоне используются макросы
В этом нам поможет jquery плагин Form.
 
Для начала открываем шаблон, где размещается шапка необходимой нам страницы и между тэгами head, в самом низу добавляем строчки
 
<source lang="php">
 
<!-- ajax jquery Forms -->
 
<script src="http://malsup.github.com/jquery.form.js" type="text/javascript"></script>
 
<!-- end ajax jquery forms -->
 
</source>
 
Внимание строчка обязательно должна быть ниже макросов
 
 
<source lang="php">
 
<source lang="php">
 
%system includeQuickEditJs()%
 
%system includeQuickEditJs()%
 
%system includeEditInPlaceJs()%
 
%system includeEditInPlaceJs()%
 
</source>
 
</source>
Всё, с шапкой закончили, так как сам jquery у нас уже подключен, макросами
+
Открываем его.(если вы ничего не меняли, то он находиться по адресу /templates/demoold/tpls/emarket/default.tpl)
<source lang="php">
 
%system includeQuickEditJs()%
 
%system includeEditInPlaceJs()%
 
</source>
 
Теперь переходим к шаблону вебформ.
 
Открываем его.(если вы ничего не меняли, то он находиться по адресу /templates/demoold/tpls/default.tpl)
 
 
и после блока
 
и после блока
 
<source lang="php">
 
<source lang="php">
Строка 33: Строка 19:
 
     function change_but(id) {
 
     function change_but(id) {
 
         var getvalue = $('#input-amount-'+id).val();
 
         var getvalue = $('#input-amount-'+id).val();
         jQuery.post("/emarket/basket/put/element/"+id+"/", {amount: getvalue});
+
         if (getvalue==0) {
 
+
          return;
 +
        }else{
 +
          jQuery.post("/emarket/basket/put/element/"+id+"/", {amount: getvalue});
 +
        }
 
         alert(getvalue);
 
         alert(getvalue);
 
         location.reload();
 
         location.reload();
Строка 68: Строка 57:
  
 
Сохраняем шаблон. и на этом всё. Теперь пользователь сможет в корзине изменять количество товара
 
Сохраняем шаблон. и на этом всё. Теперь пользователь сможет в корзине изменять количество товара
 +
 +
Внимание!
 +
Работа этого кода проверена только в версии системы 2.8.6 - в остальных версиях код может не работать.
  
 
Если вас интересует вариант для xslt, то смотрите стандартный шаблон demodizzy "интернет-магазин современный", там это уже по умолчанию реализовано.
 
Если вас интересует вариант для xslt, то смотрите стандартный шаблон demodizzy "интернет-магазин современный", там это уже по умолчанию реализовано.
 +
 +
[[Категория:Модуль Интернет магазин]][[Категория:Верстка в TPL]]

Текущая версия на 11:00, 15 августа 2014

Актуально для версии 2.9

Для того, чтобы пользователь мог в корзине менять количество товаров открываем шаблон корзины, предварительно убедившись, что у вас в шаблоне используются макросы

%system includeQuickEditJs()%
%system includeEditInPlaceJs()%

Открываем его.(если вы ничего не меняли, то он находиться по адресу /templates/demoold/tpls/emarket/default.tpl) и после блока

$FORMS['order_block'] = <<<END
<h3>Информация о покупателе</h3>
<p>%emarket getCustomerInfo()%</p>
<h3>Список покупок</h3>

Вставляем вот такой код:

<script language="JavaScript" type="text/javascript">
    function change_but(id) {
        var getvalue = $('#input-amount-'+id).val();
        if (getvalue==0) {
           return;
        }else{
           jQuery.post("/emarket/basket/put/element/"+id+"/", {amount: getvalue});
        }
        alert(getvalue);
        location.reload();
    }
</script>

Затем ищем код

$FORMS['order_item'] = <<<END
<tr>
	<td>
		#
	</td>

	<td>
		<a href="%link%">%name%</a>
	</td>

	<td>
		%options%
	</td>

	<td>

И после тэга вставляем следующий код

<input id="input-amount-%element_id%" type="text" value="%amount%">
<input type='button' value='Change' onClick="change_but(%element_id%)">

Сохраняем шаблон. и на этом всё. Теперь пользователь сможет в корзине изменять количество товара

Внимание! Работа этого кода проверена только в версии системы 2.8.6 - в остальных версиях код может не работать.

Если вас интересует вариант для xslt, то смотрите стандартный шаблон demodizzy "интернет-магазин современный", там это уже по умолчанию реализовано.