Корзина + Выпадающее Окно Корзины
#1
Отправлено 05 Июль 2016 - 17:00
Дорабатываем страницу корзины и столкнулись с тем, что когда двигаем некоторые колонки (меняем местами), то во всплывающем окошке корзины пропадают данные. Помогите доделать эти разделы: ссылка на наш сайт здесь!
ниже прикрепили картинки, того, что сейчас есть и того, что нужно. Есть пять пунктов:
1. Колонка "удалить" и "в избранное" (появляется если клиент авторизован). Нужно эту колонку переместить в самый конец таблицы как в примере и добавить код, при котором кнопка "в избранное" заработает.
2. Перенести информацию о скидке клиента под таблицу и выводить над итоговой суммой (также есть в примере)
3. Качество картинок товара очень плохое, нужно улучшить на странице корзины сделать их по высоте 72 px.
4. В выпадающем окошке корзины добавить "крестик" для удаления из него товаров.
5. Внизу выпадающего окошка корзины добавить кнопки "Перейти в корзину" и "оформить заказ" (оно также куда то пропало). Плюс сделать вывод скидки клиента как показано в примере и итогову сумму (она тоже куда то исчезла).
Вот, то что сейчас:
Вот, то что нужно:
#2
Отправлено 06 Июль 2016 - 17:47
bg999 (05 Июль 2016 - 17:00) писал:
Дорабатываем страницу корзины и столкнулись с тем, что когда двигаем некоторые колонки (меняем местами), то во всплывающем окошке корзины пропадают данные. Помогите доделать эти разделы: ссылка на наш сайт здесь!
ниже прикрепили картинки, того, что сейчас есть и того, что нужно. Есть пять пунктов:
1. Колонка "удалить" и "в избранное" (появляется если клиент авторизован). Нужно эту колонку переместить в самый конец таблицы как в примере и добавить код, при котором кнопка "в избранное" заработает.
2. Перенести информацию о скидке клиента под таблицу и выводить над итоговой суммой (также есть в примере)
3. Качество картинок товара очень плохое, нужно улучшить на странице корзины сделать их по высоте 72 px.
4. В выпадающем окошке корзины добавить "крестик" для удаления из него товаров.
5. Внизу выпадающего окошка корзины добавить кнопки "Перейти в корзину" и "оформить заказ" (оно также куда то пропало). Плюс сделать вывод скидки клиента как показано в примере и итогову сумму (она тоже куда то исчезла).
Вот, то что сейчас:
Вот, то что нужно:
1) В шаблоне Корзина найдите блок
<th class="basket-td-last"rowspan="1"> </th> <th style="width: 103px;" rowspan="1"></th> <th class="basket-td1" rowspan="1"><span class="nobr">Описание товара</span></th> <th class="basket-td2" style="padding: 10px 22px 0px 10px; width: 46px;" colspan="1"><span class="nobr">Цена</span></th> <th class="basket-td3" rowspan="1" class="a-center" title="">Кол-во</th> <th class="basket-td4" colspan="1">Cумма</th>
и замените его на
<th style="width: 103px;" rowspan="1"></th> <th class="basket-td1" rowspan="1"><span class="nobr">Описание товара</span></th> <th class="basket-td2" style="padding: 10px 22px 0px 10px; width: 46px;" colspan="1"><span class="nobr">Цена</span></th> <th class="basket-td3" rowspan="1" class="a-center" title="">Кол-во</th> <th class="basket-td4" colspan="1">Cумма</th> <th class="basket-td-last"rowspan="1"> </th>
Далее найдите блок
<td style="width: 109px;"><a class="del-basket" href="{cart_items.ORDER_LINE_DELETE_URL}" title="Удалить позицию" class="btn-remove2"><img src="/design/close.png">удалить</img></a> {% IF CLIENT_IS_LOGIN %} <a class="izbranoe-basket" href="{cart_items.ORDER_LINE_DELETE_URL}" title="Удалить позицию" class="btn-remove2"><img src="/design/izbrannoe.png">в избранное</img></a> {% ENDIF %} </td>Скопируйте его и вставьте после
<td class="a-right"> <span class="cart-price"> <span class="price">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</snap> </span> </td>
Так же найдите блок
<tr> <td width="15"></td> <td>Скидка</td> <td> <span class="cartFormTbodyHeader"> {cart_discount.DISCOUNT_NAME} </span> </td> <td class="a-right"> <span class="cart-price"> <span class="price">{cart_discount.END_PRICE | money_format}</span> </span> </td> <td class="a-center"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE | money_format} {% ENDIF %} </td> <td class="a-right"> <span class="cart-price"> <span class="price">{cart_discount.END_PRICE | money_format}</span> </span> </td> </tr>и замените его на
<tr> <td>Скидка</td> <td> <span class="cartFormTbodyHeader"> {cart_discount.DISCOUNT_NAME} </span> </td> <td class="a-right"> <span class="cart-price"> <span class="price">{cart_discount.END_PRICE | money_format}</span> </span> </td> <td class="a-center"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE | money_format} {% ENDIF %} </td> <td class="a-right"> <span class="cart-price"> <span class="price">{cart_discount.END_PRICE | money_format}</span> </span> </td> <td width="15"></td> </tr>
5) В шаблоне HTML найдите блок
<div class="cart-count"></div> <div class="cart-item"></div> <div class="cart-total"></div>и замените его на
<div class="cart-count"></div> <div class="cart-item"></div> <div class="cart-discount"></div> <div class="cart-total"></div>
Теперь в файле main.js найдите блок
function updateCartInfo() { $.get('/cart?only_body=1', function(html) { if($(html).find('#shopping-cart-table tbody > tr').size()) { $('.cart-count').html('Корзина ' + '<span class="count">' + $(html).find('#shopping-cart-table tbody > tr').size() + '</span> ' + $(html).find('.price .num').closest('.price').html()); var item = $('<table class="cart-table cartForm">'); $(html).find('#shopping-cart-table tr').each(function() { if($(this).find('.product-name').length) { var image = $('<td>').addClass('cart-image').append($(this).find('.goods-image-icon-square')); var name = $('<td>').addClass('cart-name').append($(this).find('.product-name')); var price = $('<td>').addClass('cart-price') .append($(this).find('td:eq(5) .cart-price')) .append($('<span class="prd-count">').append($(this).find('td:eq(4) .input-text').val() + ' шт.')); item.append(($('<tr>').append(image).append(name).append(price))); } }) $('.cart-item').html(item); $('.cart-total').html($(html).find('#shopping-cart-table tfoot tr:eq(1) td').html()); $('.cart-total').find('button').click(function() { document.location = '/cart'; }); } }); }и замените его на
function updateCartInfo() { $.get('/cart?only_body=1', function(html) { if($(html).find('#shopping-cart-table tbody > tr').size()) { $('.cart-count').html('Корзина ' + '<span class="count">' + $(html).find('#shopping-cart-table tbody > tr').size() + '</span> ' + $(html).find('.price .num').closest('.price').html()); var item = $('<table class="cart-table cartForm">'); $(html).find('#shopping-cart-table tr').each(function() { if($(this).find('.product-name').length) { var image = $('<td>').addClass('cart-image').append($(this).find('.goods-image-icon-square')); var name = $('<td>').addClass('cart-name').append($(this).find('.product-name')); var price = $('<td>').addClass('cart-price') .append($(this).find('td:eq(4) .cart-price')) .append($('<span class="prd-count">').append($(this).find('td:eq(3) .input-text').val() + ' шт.')); item.append(($('<tr>').append(image).append(name).append(price))); } }) var item2 = $('<table class="cart-discount">'); $(html).find('#shopping-cart-table tr').each(function() { if($(this).find('.discountTR').length) { //var discount = 'Ваша скидка'+$(this).find('td:eq(3)')+'</div>'; var name = $('<td>').addClass('cart-dicname').append('Ваша скидка:'); var price = $('<td>').addClass('cart-dicprice').append($(this).find('td:eq(3)')); item2.append(($('<tr>').append(name).append(price))); } }); $('.cart-item').html(item); $('.cart-discount').html(item2); $('.cart-total').html($(html).find('.cart-page-butm-set').html()); $('.cart-total').find('button').click(function() { document.location = '/cart'; }); } }); }
Затем в файле main.css найдите блок
.cart-info .cart-total { height: 65px; width: 96%; margin: 17px 0px 10px 0px; font-size: 12px; line-height: 25px; text-align: right; }и замените его на
.cart-info .cart-total { height: 65px; width: 96%; margin: 30px 0px 10px 0px; font-size: 12px; line-height: 25px; text-align: right; }И в самый конец этого файла добавьте
.cart-discount{float:right;margin-right:4px;} .cart-total .dostavka-sum, .cart-total .new-order-button span{font-size:12px;} .cart-total .new-order-button button{width:130px;}
#3
Отправлено 06 Июль 2016 - 18:15
Stasya (06 Июль 2016 - 17:47) писал:
<th class="basket-td-last"rowspan="1"> </th> <th style="width: 103px;" rowspan="1"></th> <th class="basket-td1" rowspan="1"><span class="nobr">Описание товара</span></th> <th class="basket-td2" style="padding: 10px 22px 0px 10px; width: 46px;" colspan="1"><span class="nobr">Цена</span></th> <th class="basket-td3" rowspan="1" class="a-center" title="">Кол-во</th> <th class="basket-td4" colspan="1">Cумма</th>
и замените его на
<th style="width: 103px;" rowspan="1"></th> <th class="basket-td1" rowspan="1"><span class="nobr">Описание товара</span></th> <th class="basket-td2" style="padding: 10px 22px 0px 10px; width: 46px;" colspan="1"><span class="nobr">Цена</span></th> <th class="basket-td3" rowspan="1" class="a-center" title="">Кол-во</th> <th class="basket-td4" colspan="1">Cумма</th> <th class="basket-td-last"rowspan="1"> </th>
Так же найдите блок
<tr> <td width="15"></td> <td>Скидка</td> <td> <span class="cartFormTbodyHeader"> {cart_discount.DISCOUNT_NAME} </span> </td> <td class="a-right"> <span class="cart-price"> <span class="price">{cart_discount.END_PRICE | money_format}</span> </span> </td> <td class="a-center"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE | money_format} {% ENDIF %} </td> <td class="a-right"> <span class="cart-price"> <span class="price">{cart_discount.END_PRICE | money_format}</span> </span> </td> </tr>и замените его на
<tr> <td>Скидка</td> <td> <span class="cartFormTbodyHeader"> {cart_discount.DISCOUNT_NAME} </span> </td> <td class="a-right"> <span class="cart-price"> <span class="price">{cart_discount.END_PRICE | money_format}</span> </span> </td> <td class="a-center"> {% IF cart_discount.IS_PERCENT %} {cart_discount.DISCOUNT_VALUE}% {% ELSE %} {cart_discount.DISCOUNT_VALUE | money_format} {% ENDIF %} </td> <td class="a-right"> <span class="cart-price"> <span class="price">{cart_discount.END_PRICE | money_format}</span> </span> </td> <td width="15"></td> </tr>
Это весь код? Что то особо нечего не поменялось. Может что то вы упустили по 1 пункту?
#5
Отправлено 06 Июль 2016 - 19:45
Stasya (06 Июль 2016 - 19:20) писал:
Добавили, однако теперь пропала цена товара во всплывающем окне корзины. Также еще не работает кнопка "в избранное".
И еще ждем ответ на остальные пункты:
2. Перенести информацию о скидке клиента под таблицу и выводить над итоговой суммой (также есть в примере)
3. Качество картинок товара очень плохое, нужно улучшить на странице корзины сделать их по высоте 72 px.
4. В выпадающем окошке корзины добавить "крестик" для удаления из него товаров.
5. Внизу выпадающего окошка корзины добавить кнопки "Перейти в корзину" и "оформить заказ" (оно также куда то пропало). Плюс сделать вывод скидки клиента как показано в примере и итогову сумму (она тоже куда то исчезла).
#6
Отправлено 06 Июль 2016 - 19:51
bg999 (06 Июль 2016 - 19:45) писал:
И еще ждем ответ на остальные пункты:
2. Перенести информацию о скидке клиента под таблицу и выводить над итоговой суммой (также есть в примере)
3. Качество картинок товара очень плохое, нужно улучшить на странице корзины сделать их по высоте 72 px.
4. В выпадающем окошке корзины добавить "крестик" для удаления из него товаров.
5. Внизу выпадающего окошка корзины добавить кнопки "Перейти в корзину" и "оформить заказ" (оно также куда то пропало). Плюс сделать вывод скидки клиента как показано в примере и итогову сумму (она тоже куда то исчезла).
Обновите, пожалуйста, снова страницу форума. Я добавляю пункты по мере возможности.
#7
Отправлено 07 Июль 2016 - 10:47
3) Изменить размер картинки Вы можете в разделе Настройки-> Основные -> Изображения товаров в поле Максимальный размер по высоте/ширине в пикселях для иконок.
4) Изменения проделала
5) Все необходимые изменения доделала
#8
Отправлено 12 Июль 2016 - 19:37
Stasya (07 Июль 2016 - 10:47) писал:
3) Изменить размер картинки Вы можете в разделе Настройки-> Основные -> Изображения товаров в поле Максимальный размер по высоте/ширине в пикселях для иконок.
4) Изменения проделала
5) Все необходимые изменения доделала
Кнопка в избранное - не функционирует на странице корзины (она у нас появляется, когда клиента авторизован)
Когда в выпадающем окошке корзины мы нажимаем на крестик и удаляем товар, то нас перекидывает на страницу корзины, помогите, пожалуйста, сделать так, чтобы этого не происходило. Получается клиент в каталоге закидывает товары в корзину, а мы его уводим из каталога. И помогите, стилизовать скрол как на примере (у нас такая стилизация применяется в каталоге в фильтрах)
#9
Отправлено 14 Июль 2016 - 10:14
bg999 (12 Июль 2016 - 19:37) писал:
Когда в выпадающем окошке корзины мы нажимаем на крестик и удаляем товар, то нас перекидывает на страницу корзины, помогите, пожалуйста, сделать так, чтобы этого не происходило. Получается клиент в каталоге закидывает товары в корзину, а мы его уводим из каталога. И помогите, стилизовать скрол как на примере (у нас такая стилизация применяется в каталоге в фильтрах)
К сожалению, кнопка В избранное в корзине не будет полноценно функционировать. Так как в корзине нет переменной для проверки находится ли товар в избранных товарах.
По этой причине полноценной смены кнопок В избранное/ убрать из избранного не будет. Можно будет написать скрипт, который менял бы кнопку при клике по ней, но это в том случае если покупатель будет находится на этой странице и дальше никуда не пойдет. Другими словами если покупатель добавит товар в избранное и обновит страницу, то у него снова будет кнопка Добавить в избранное заместо Убрать из избранного.
Для стилизации скрола в шаблоне HTML найдите строку
<div class="cart-item"></div>и замените ее на
<div class="cart-item"><div id="mcs_container1" class="mcs_container" style="max-height:252px"><div class="customScrollBox"><div class="container"><div class="content"></div></div></div></div></div>
Теперь в самом верху этого шаблона найдите блок
<script> $(document).ready(function(){ $(".mcs_container").mCustomScrollbar({}); }); </script>и замените его на
<script> $(document).ready(function(){ $(".mcs_container").mCustomScrollbar({}); $(".mcs_container1").mCustomScrollbar({}); }); </script>И в файле main.js найдите строку
$('.cart-item').html(item);и замените ее на
$('.cart-item .content').html(item);После изменений обязательно почистите кэш.
Теперь что касаемо удаления.
В файле main.js найдите строку
var del = $('<td>').addClass('cart-del').append('<a class="del-basket" href="'+$(this).find('.del-basket').attr('href')+'" title="Удалить позицию" class="btn-remove2"><img src="/design/close.png"></a>');и замените ее на
var del = $('<td>').addClass('cart-del').append('<a class="del-basket" data-href="'+$(this).find('.del-basket').attr('href')+'" onclick="ajaxdelete($(this))" title="Удалить позицию" class="btn-remove2"><img src="/design/close.png"></a>');Теперь в самый конец файла вставляем блок
// Удаление товара из корзины function ajaxdelete(s){ var yep = confirm('Вы точно хотите удалить товар из корзины?'); if(yep == true){ var closeimg = s; url = closeimg.attr('data-href'); $.ajax({ url:url, cache:false, success:function(d){ updateCartInfo(); return false; } })}else{ return false; } }
#10
Отправлено 14 Июль 2016 - 15:36
Stasya (14 Июль 2016 - 10:14) писал:
По этой причине полноценной смены кнопок В избранное/ убрать из избранного не будет. Можно будет написать скрипт, который менял бы кнопку при клике по ней, но это в том случае если покупатель будет находится на этой странице и дальше никуда не пойдет. Другими словами если покупатель добавит товар в избранное и обновит страницу, то у него снова будет кнопка Добавить в избранное заместо Убрать из избранного.
Для стилизации скрола в шаблоне HTML найдите строку
<div class="cart-item"></div>и замените ее на
<div class="cart-item"><div id="mcs_container1" class="mcs_container" style="max-height:252px"><div class="customScrollBox"><div class="container"><div class="content"></div></div></div></div></div>
Теперь в самом верху этого шаблона найдите блок
<script> $(document).ready(function(){ $(".mcs_container").mCustomScrollbar({}); }); </script>и замените его на
<script> $(document).ready(function(){ $(".mcs_container").mCustomScrollbar({}); $(".mcs_container1").mCustomScrollbar({}); }); </script>И в файле main.js найдите строку
$('.cart-item').html(item);и замените ее на
$('.cart-item .content').html(item);После изменений обязательно почистите кэш.
Теперь что касаемо удаления.
В файле main.js найдите строку
var del = $('<td>').addClass('cart-del').append('<a class="del-basket" href="'+$(this).find('.del-basket').attr('href')+'" title="Удалить позицию" class="btn-remove2"><img src="/design/close.png"></a>');и замените ее на
var del = $('<td>').addClass('cart-del').append('<a class="del-basket" data-href="'+$(this).find('.del-basket').attr('href')+'" onclick="ajaxdelete($(this))" title="Удалить позицию" class="btn-remove2"><img src="/design/close.png"></a>');Теперь в самый конец файла вставляем блок
// Удаление товара из корзины function ajaxdelete(s){ var yep = confirm('Вы точно хотите удалить товар из корзины?'); if(yep == true){ var closeimg = s; url = closeimg.attr('data-href'); $.ajax({ url:url, cache:false, success:function(d){ updateCartInfo(); return false; } })}else{ return false; } }
По поводу "в избранное" пускай будет функция добавления в избранное, а удалить не будет из избранного. Клиент например хочет сохранить товар и заказать его, добавила и пошла дальше оформлять заказ.
Стилизация скрола работает не корректно, посмотрите на сайте у нас.
При наведении на крестик (удалить с корзины выпадающего окошка) стрелочка не меняется на активную руку. Также нужно убрать окошко с подтверждением удаления. Пускай клиент нажимает на крестик, товар удаляеться (без подтверждения), сумма в корзине (в хедере) обновляется, но клиента на страницу корзины не перекидывает.
#11
Отправлено 17 Июль 2016 - 18:14
#12
Отправлено 18 Июль 2016 - 09:49
bg999 (14 Июль 2016 - 15:36) писал:
Стилизация скрола работает не корректно, посмотрите на сайте у нас.
При наведении на крестик (удалить с корзины выпадающего окошка) стрелочка не меняется на активную руку. Также нужно убрать окошко с подтверждением удаления. Пускай клиент нажимает на крестик, товар удаляеться (без подтверждения), сумма в корзине (в хедере) обновляется, но клиента на страницу корзины не перекидывает.
1) К инструкции по стилизации скрола еще необходимо в файле main.css найти блок
.cart-info .cart-item { border-bottom: 1px solid #E6E6E6; max-height: 167px; margin: 0px auto; overflow-x: hidden; overflow-y: auto; width: 96%; }и заменить его на
.cart-info .cart-item { border-bottom: 1px solid #E6E6E6; max-height: 167px; margin: 0px auto; overflow-x: hidden; overflow-y: hidden; width: 96%; }
2) Кнопка добавить в избранное.
Вам необходимо в шаблоне Корзина найти строку
<a class="izbranoe-basket" href="{cart_items.ORDER_LINE_DELETE_URL}" title="Удалить позицию" class="btn-remove2"><img src="/design/izbrannoe.png">в избранное</img></a>и заменить ее на
<a class="add-wishlist city-brend izbranoe-basket" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{cart_items.GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{cart_items.GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{cart_items.GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{cart_items.GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={cart_items.GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><img src="/design/izbrannoe.png">в избранное</a>
3) Что касаемо корзины. инструкция немного измениться.
Как и написано выше, в файле main.js найдите строку
var del = $('<td>').addClass('cart-del').append('<a class="del-basket" href="'+$(this).find('.del-basket').attr('href')+'" title="Удалить позицию" class="btn-remove2"><img src="/design/close.png"></a>');и замените ее на
var del = $('<td>').addClass('cart-del').append('<a class="del-basket" data-href="'+$(this).find('.del-basket').attr('href')+'" onclick="ajaxdelete($(this))" title="Удалить позицию" class="btn-remove2"><img src="/design/close.png"></a>');А вот код для вставки немного измениться на вот такой
// Удаление товара из корзины function ajaxdelete(s){ var closeimg = s; url = closeimg.attr('data-href'); $.ajax({ url:url, cache:false, success:function(d){ updateCartInfo(); return false; } }) }Чтобы курсор менялся на "руку" Вам нужно в файле main.css найти блок
.del-basket { font-size: 11px; border: medium none; background: #FFF none repeat scroll 0% 0%; margin: 0px 9px 14px 14px; color: #7B7B7B; display: inline-block; }и заменить его на
.del-basket { font-size: 11px; border: medium none; background: #FFF none repeat scroll 0% 0%; margin: 0px 9px 14px 14px; color: #7B7B7B; display: inline-block; cursor: pointer; }
#13
Отправлено 18 Июль 2016 - 16:18
Stasya (18 Июль 2016 - 09:49) писал:
.cart-info .cart-item { border-bottom: 1px solid #E6E6E6; max-height: 167px; margin: 0px auto; overflow-x: hidden; overflow-y: auto; width: 96%; }и заменить его на
.cart-info .cart-item { border-bottom: 1px solid #E6E6E6; max-height: 167px; margin: 0px auto; overflow-x: hidden; overflow-y: hidden; width: 96%; }
2) Кнопка добавить в избранное.
Вам необходимо в шаблоне Корзина найти строку
<a class="izbranoe-basket" href="{cart_items.ORDER_LINE_DELETE_URL}" title="Удалить позицию" class="btn-remove2"><img src="/design/izbrannoe.png">в избранное</img></a>и заменить ее на
<a class="add-wishlist city-brend izbranoe-basket" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{cart_items.GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{cart_items.GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{cart_items.GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{cart_items.GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={cart_items.GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" ><img src="/design/izbrannoe.png">в избранное</a>
3) Что касаемо корзины. инструкция немного измениться.
Как и написано выше, в файле main.js найдите строку
var del = $('<td>').addClass('cart-del').append('<a class="del-basket" href="'+$(this).find('.del-basket').attr('href')+'" title="Удалить позицию" class="btn-remove2"><img src="/design/close.png"></a>');и замените ее на
var del = $('<td>').addClass('cart-del').append('<a class="del-basket" data-href="'+$(this).find('.del-basket').attr('href')+'" onclick="ajaxdelete($(this))" title="Удалить позицию" class="btn-remove2"><img src="/design/close.png"></a>');А вот код для вставки немного измениться на вот такой
// Удаление товара из корзины function ajaxdelete(s){ var closeimg = s; url = closeimg.attr('data-href'); $.ajax({ url:url, cache:false, success:function(d){ updateCartInfo(); return false; } }) }Чтобы курсор менялся на "руку" Вам нужно в файле main.css найти блок
.del-basket { font-size: 11px; border: medium none; background: #FFF none repeat scroll 0% 0%; margin: 0px 9px 14px 14px; color: #7B7B7B; display: inline-block; }и заменить его на
.del-basket { font-size: 11px; border: medium none; background: #FFF none repeat scroll 0% 0%; margin: 0px 9px 14px 14px; color: #7B7B7B; display: inline-block; cursor: pointer; }
Сумма в выпадающей корзине не меняется при удалении позиций из него. Что нужно поменять?
#14
Отправлено 19 Июль 2016 - 05:03
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных