• Главная
  • uCoz
  • Скрипт удаления товаров на странице оформления заказа
Скрипт удаления товаров на странице оформления заказа

Скрипт удаления товаров на странице оформления заказа

Что это за скрипт и для чего?

Скрипт этот на странице оформления заказа в модуле Интернет-магазин, подменяет поля чекбоксы иконкой нажав на которую товары удаляются с корзины автоматические без необходимости отметки каждого товара по отдельности и нажатия на кнопку пересчет.

По сути это как небольшой лайв-хак для модуля магазин который избавляет клиентов от лишних телодвижений, простота всегда лучше для клиентов.

Как установить скрипт удаления товаров по клику?

Достаточно перейти в шаблон - "Страница служебных форм": ваш-сайт.ру/panel/?a=tmpl;m=20;t=5 и найти условие:

<?if($PAGE_ID$=='checkout')?>

вот внутри него в самом начале добавить скрипт:

<style type="text/css">.term{border-bottom:1px dotted green}.order-item-del input, #order-but-recalc{display:none;}.order-item-del-img{cursor:pointer;opacity: 0.5;}.order-item-del-img:hover{opacity: 1;}</style> 
<script> 
 $(function(){
 $('.order-item-del').each(function() { 
 $(this).html($(this).html() + '<img src="/.s/img/icon/del.png" border="0" alt="" title="Удалить" class="order-item-del-img" />'); 
 });
 $('.order-item-del-img').on('click', function() { 
 var t = $(this).parent(); 
 t.find('input').eq(0).prop("checked", true); 
 $('#order-but-recalc').click(); 
 }); 
 }); 
</script>

В результате при добавлении товаров в корзину и переходу к оформлению заказа, напротив товаров вы увидите иконку для удаления товаров с списка корзины.

Лицензия: CC BY-SA 4.0

Автор: Юрий Герук

Похожие материалы:
Помогла ли вам статья?
Да Нет
Статья оказалась полезной для 0 человек
avatar