Просмотр исходного текста страницы Выбор способа оплаты в зависимости от стоимости заказа

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

Задача: Сделать выбор оплаты в зависимости от стоимости заказа. Например, Вы хотите сделать так, чтобы оплачивать через Яндекс.Деньги можно было только в том случае, если сумма заказа меньше 5 тысяч, оплачивать через Robokassa можно при сумме заказа от 10 тысяч, и платить через PayAnyWay можно только в случае стоимости заказа от 3 до 9 тысяч рублей. Реализуем данную задачу с помощью JQuery.

Для удобства пользователя Вы можете дополнительно вывести стоимость заказа на шаге выбора оплаты, в соответствии с данной статьей: 
[http://wiki.umisoft.ru/Вывод_суммы_заказа_на_всех_этапах_заказа]
Добавим id на выведенное поле, и получим в итоге следующую строку:
<source lang="xml">
<xsl:text>Сумма Вашего заказа - </xsl:text><span id="check_price" ><xsl:value-of  
select="document('udata://custom/lastOrderPrice')/udata"/></span><xsl:text> рублей.</xsl:text>
</source>
Если у Вас TPL-шаблонизатор, то Вам необходимо в шаблоне templates/имя_вашего_шаблона/tpls/emarket/payment/default.tpl в блоке 'payment_block' добавить следующую строку:
<source lang="javascript">
<p>Сумма Вашего заказа - <span id="check_price">%custom lastOrderPrice()%</span> рублей.</p>
</source>
На самой странице это будет отображаться следующий образом: 
[[Файл:JQery1.jpg]]
Мы хотим сделать так, чтобы эта опция убиралась в случае невыполнения условий. Для проверки первого условия (возможность оплачивать через Яндекс.Деньги только при сумме заказа меньше 5 тысяч) необходим следующий код:
<source lang="javascript">
if ($('#check_price').text() > 5000){
   $('.yandex').parent().closest('div').remove();
};
</source>

Если значение поля с id="check_price" больше 5000, то мы делаем следующее - выбираем нужный нам пункт с помощью указания необходимого класса yandex, после чего по DOM выбираем сначала родителя (т.е. выбираем тег label), после чего выбираем следующий вышестоящий тег div , и удаляем его с помощью .remove()

Добавить следующие условия можно аналогичным способом:
<source lang="javascript">
if ($('#check_price').text() < 10000){
   $('.robox').parent().closest('div').remove();
};
	  
if  (($('#check_price').text() < 3000) || ($('#check_price').text() > 9000)){
    $('.payanyway').parent().closest('div').remove();
};
</source>
Данный код убирает способ оплаты Robokassa если сумма заказа меньше 10000, и убирает способ оплаты PayAnyWay если сумма заказа меньше 3000 или больше 9000.

Данный код можно расположить в новом файле, назовем его check_price.js. В самом файле необходимо написать следующее - 
<source lang="javascript">
jQuery(document).ready(function(){

    тут будет ваш код

});
</source>

Чтобы подключить этот файл, необходимо в шаблоне, который у Вас отвечает за вывод корзины товаров, прописать следующий код:
<source lang="xml">
<script type="text/javascript" charset="utf-8" src="/путь_до_вашего_файла/check_price.js"></script>
</source>


[[Категория:API]][[Категория:Вопросы и уроки разработки сайтов на UMI.CMS]][[Категория:Написание кастомных макросов]][[Категория:Модуль Интернет магазин]]