Изменение кол-ва товаров в корзине (tpl 2.8.0) - История изменений

Williwaw в 10:27, 16 июля 2013

2013-07-16T10:27:07Z

Williwaw в 10:15, 16 июля 2013

2013-07-16T10:15:00Z

Romario в 06:38, 27 февраля 2012

2012-02-27T06:38:54Z

Gordeev: переименовал «Изменение кол-ва товаров в корзине (tpl 2.8.0 и ниже)» в «Изменение кол-ва товаров в корзине (tpl 2.8.0)»

2010-09-22T13:42:02Z

переименовал «Изменение кол-ва товаров в корзине (tpl 2.8.0 и ниже)» в «Изменение кол-ва товаров в корзине (tpl 2.8.0)»

Gordeev: переименовал «Изменение кол-ва товаров в корзине (tpl 2.8)» в «Изменение кол-ва товаров в корзине (tpl 2.8.0 и ниже)»

2010-09-22T13:33:34Z

переименовал «Изменение кол-ва товаров в корзине (tpl 2.8)» в «Изменение кол-ва товаров в корзине (tpl 2.8.0 и ниже)»

Nasty в 09:18, 19 августа 2010

2010-08-19T09:18:05Z

Photoelf: Новая страница: «== Задача == Добавить в '''Корзину товаров''' возможность изменения количества выбранных тов…»

2010-04-20T11:14:58Z

Новая страница: «== Задача == Добавить в '''Корзину товаров''' возможность изменения количества выбранных тов…»

Новая страница

== Задача ==

Добавить в '''Корзину товаров''' возможность изменения количества выбранных товаров.

== Решение ==

Для решения данной задачи нам понадобится js-скрипт [[:Файл:FrontEndBasket.zip|frontEndBasket.js]], который не входит в стандартную поставку demo-tpl шаблона. Его следует поместить в папкe '''/js/'''.

Начнем с подключения необходимых скриптов в шаблон страницы. Необходимо подключить 3 скрипта, между тегами '''<head></head>''' строками:

<source lang="html4strict">
<script type="text/javascript" src="/js/frontEndBasket.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/client/basket.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/client/utilities.js" charset="utf-8"></script>
</source>

Это необходимо вписать в шаблон, выбранный '''Основным''' в админ-панели, например, '''inner.tpl'''

В шаблоне вывода корзины(например, '''tpls/emarket/default.tpl''') в блоке вывода элементов, находящихся в корзине(блок '''order_item''') в нужное вам место(например, в ячейку таблицы, вместо '''%amount%''') необходимо вставить поле для изменения:

<source lang="html4strict">
<input type="text" value="%amount%" onkeyup="var e = jQuery(this).next('input'), old = e.val();
e.val(this.value);
frontEndBasket.modify(%id%, this.value, old);
javascript:window.location.reload();" />
<input type="hidden" value="%amount%" />
</source>

Теперь, перейдя в корзину('''emarket/cart''') пользователь будет видеть поля для ввода необходимого кол-ва товаров.
При отсутствии необходимости перезагрузки страницы корзины, после изменения количества, необходимо удалить строку '''javascript:window.location.reload();'''

[[category:Вопросы и уроки разработки сайтов на UMI.CMS]]

@@ Строка 11: / Строка 11: @@
 Для решения данной задачи нам понадобится js-скрипт [[:Файл:FrontEndBasket.zip|frontEndBasket.js]], который не входит в стандартную поставку demo-tpl шаблона. Его следует поместить в папкe '''/js/'''.
-Также нужно использовать уже имеющийся в UMI.CMS скрипт из тестового демосайта DEMODIZI (шаблон современный). Для этого вам нужно установить локальную версию с данным шаблоном и скопировать файл "__common.js"  из папки ~/templates/demodizzy/js/ в свою систему.
+Начнем с подключения необходимых скриптов в шаблон страницы. Необходимо подключить 3 скрипта между тегами <head>:
 <source lang="html4strict">
@@ Строка 36: / Строка 34: @@
 При отсутствии необходимости перезагрузки страницы корзины, после изменения количества, необходимо удалить строку '''javascript:window.location.reload();'''
-Проверено на 2.9
   [[category:Вопросы и уроки разработки сайтов на UMI.CMS]]

← Предыдущая		Версия 09:18, 19 августа 2010
Строка 4:		Строка 4:

	== Решение ==		== Решение ==
		+
		+	Сначала необходимо подключить jQuery для этого прописать в шаблоне:
		+	%system includeQuickEditJs()%
		+	%system includeEditInPlaceJs()%

	Для решения данной задачи нам понадобится js-скрипт [[:Файл:FrontEndBasket.zip\|frontEndBasket.js]], который не входит в стандартную поставку demo-tpl шаблона. Его следует поместить в папкe '''/js/'''.		Для решения данной задачи нам понадобится js-скрипт [[:Файл:FrontEndBasket.zip\|frontEndBasket.js]], который не входит в стандартную поставку demo-tpl шаблона. Его следует поместить в папкe '''/js/'''.

@@ Строка 24: / Строка 24: @@
 <source lang="html4strict">
-<input type="text" value="%amount%" onkeyup="var e = jQuery(this).next('input'), old = e.val();
+<input type="text" value="%amount%" onkeyup="
- e.val(this.value);
+var e = jQuery(this).next('input'), old = e.val();
- frontEndBasket.modify(%id%, this.value, old);
+e.val(this.value);
- javascript:window.location.reload();" />
+frontEndBasket.modify(%id%, this.value, old);
-<input type="hidden" value="%amount%" />
+window.setTimeout(function() { javascript:window.location.reload(); }, 1000);" />
 </source>

← Предыдущая	Версия 13:42, 22 сентября 2010
(нет различий)

← Предыдущая	Версия 13:33, 22 сентября 2010
(нет различий)