Перейти к содержимому


Корзина + Выпадающее Окно Корзины


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 13

#1 bg999

bg999

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 263 сообщений

Отправлено 05 Июль 2016 - 17:00

Здравствуйте,
Дорабатываем страницу корзины и столкнулись с тем, что когда двигаем некоторые колонки (меняем местами), то во всплывающем окошке корзины пропадают данные. Помогите доделать эти разделы: ссылка на наш сайт здесь!
ниже прикрепили картинки, того, что сейчас есть и того, что нужно. Есть пять пунктов:

1. Колонка "удалить" и "в избранное" (появляется если клиент авторизован). Нужно эту колонку переместить в самый конец таблицы как в примере и добавить код, при котором кнопка "в избранное" заработает.

2. Перенести информацию о скидке клиента под таблицу и выводить над итоговой суммой (также есть в примере)

3. Качество картинок товара очень плохое, нужно улучшить на странице корзины сделать их по высоте 72 px.

4. В выпадающем окошке корзины добавить "крестик" для удаления из него товаров.

5. Внизу выпадающего окошка корзины добавить кнопки "Перейти в корзину" и "оформить заказ" (оно также куда то пропало). Плюс сделать вывод скидки клиента как показано в примере и итогову сумму (она тоже куда то исчезла).

Вот, то что сейчас:

Изображение


Вот, то что нужно:

Изображение

#2 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 06 Июль 2016 - 17:47

Просмотр сообщенияbg999 (05 Июль 2016 - 17:00) писал:

Здравствуйте,
Дорабатываем страницу корзины и столкнулись с тем, что когда двигаем некоторые колонки (меняем местами), то во всплывающем окошке корзины пропадают данные. Помогите доделать эти разделы: ссылка на наш сайт здесь!
ниже прикрепили картинки, того, что сейчас есть и того, что нужно. Есть пять пунктов:

1. Колонка "удалить" и "в избранное" (появляется если клиент авторизован). Нужно эту колонку переместить в самый конец таблицы как в примере и добавить код, при котором кнопка "в избранное" заработает.

2. Перенести информацию о скидке клиента под таблицу и выводить над итоговой суммой (также есть в примере)

3. Качество картинок товара очень плохое, нужно улучшить на странице корзины сделать их по высоте 72 px.

4. В выпадающем окошке корзины добавить "крестик" для удаления из него товаров.

5. Внизу выпадающего окошка корзины добавить кнопки "Перейти в корзину" и "оформить заказ" (оно также куда то пропало). Плюс сделать вывод скидки клиента как показано в примере и итогову сумму (она тоже куда то исчезла).

Вот, то что сейчас:


Вот, то что нужно:



1) В шаблоне Корзина найдите блок
<th class="basket-td-last"rowspan="1">&nbsp;</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">&nbsp;</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 bg999

bg999

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 263 сообщений

Отправлено 06 Июль 2016 - 18:15

Просмотр сообщенияStasya (06 Июль 2016 - 17:47) писал:

1) В шаблоне Корзина найдите блок
<th class="basket-td-last"rowspan="1">&nbsp;</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">&nbsp;</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 пункту?

#4 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 06 Июль 2016 - 19:20

Просмотр сообщенияbg999 (06 Июль 2016 - 18:15) писал:

Это весь код? Что то особо нечего не поменялось. Может что то вы упустили по 1 пункту?

Обновите страничку форума, я добавила еще код

#5 bg999

bg999

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 263 сообщений

Отправлено 06 Июль 2016 - 19:45

Просмотр сообщенияStasya (06 Июль 2016 - 19:20) писал:

Обновите страничку форума, я добавила еще код

Добавили, однако теперь пропала цена товара во всплывающем окне корзины. Также еще не работает кнопка "в избранное".

И еще ждем ответ на остальные пункты:


2. Перенести информацию о скидке клиента под таблицу и выводить над итоговой суммой (также есть в примере)

3. Качество картинок товара очень плохое, нужно улучшить на странице корзины сделать их по высоте 72 px.

4. В выпадающем окошке корзины добавить "крестик" для удаления из него товаров.

5. Внизу выпадающего окошка корзины добавить кнопки "Перейти в корзину" и "оформить заказ" (оно также куда то пропало). Плюс сделать вывод скидки клиента как показано в примере и итогову сумму (она тоже куда то исчезла).

#6 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 06 Июль 2016 - 19:51

Просмотр сообщенияbg999 (06 Июль 2016 - 19:45) писал:

Добавили, однако теперь пропала цена товара во всплывающем окне корзины. Также еще не работает кнопка "в избранное".

И еще ждем ответ на остальные пункты:


2. Перенести информацию о скидке клиента под таблицу и выводить над итоговой суммой (также есть в примере)

3. Качество картинок товара очень плохое, нужно улучшить на странице корзины сделать их по высоте 72 px.

4. В выпадающем окошке корзины добавить "крестик" для удаления из него товаров.

5. Внизу выпадающего окошка корзины добавить кнопки "Перейти в корзину" и "оформить заказ" (оно также куда то пропало). Плюс сделать вывод скидки клиента как показано в примере и итогову сумму (она тоже куда то исчезла).

Обновите, пожалуйста, снова страницу форума. Я добавляю пункты по мере возможности.

#7 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 07 Июль 2016 - 10:47

2) Произвела изменения
3) Изменить размер картинки Вы можете в разделе Настройки-> Основные -> Изображения товаров в поле Максимальный размер по высоте/ширине в пикселях для иконок.
4) Изменения проделала
5) Все необходимые изменения доделала

#8 bg999

bg999

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 263 сообщений

Отправлено 12 Июль 2016 - 19:37

Просмотр сообщенияStasya (07 Июль 2016 - 10:47) писал:

2) Произвела изменения
3) Изменить размер картинки Вы можете в разделе Настройки-> Основные -> Изображения товаров в поле Максимальный размер по высоте/ширине в пикселях для иконок.
4) Изменения проделала
5) Все необходимые изменения доделала

Кнопка в избранное - не функционирует на странице корзины (она у нас появляется, когда клиента авторизован)

Изображение





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

Изображение

#9 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 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 bg999

bg999

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 263 сообщений

Отправлено 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 bg999

bg999

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 263 сообщений

Отправлено 17 Июль 2016 - 18:14

Снова молчите?

#12 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 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="Добавить &laquo;{cart_items.GOODS_NAME}&raquo; в избранное"
						 data-action-delete-title="Убрать &laquo;{cart_items.GOODS_NAME}&raquo; из избранного"
						 data-msgtype="2"
						 data-gname="{cart_items.GOODS_NAME}"
						 data-action-text-add="Добавить в избранное"
						 data-action-text-delete="Удалить из избранного"
						 title="Добавить &laquo;{cart_items.GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={cart_items.GOODS_MOD_ID}&amp;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 bg999

bg999

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 263 сообщений

Отправлено 18 Июль 2016 - 16:18

Просмотр сообщенияStasya (18 Июль 2016 - 09:49) писал:

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="Добавить &laquo;{cart_items.GOODS_NAME}&raquo; в избранное"
						 data-action-delete-title="Убрать &laquo;{cart_items.GOODS_NAME}&raquo; из избранного"
						 data-msgtype="2"
						 data-gname="{cart_items.GOODS_NAME}"
						 data-action-text-add="Добавить в избранное"
						 data-action-text-delete="Удалить из избранного"
						 title="Добавить &laquo;{cart_items.GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={cart_items.GOODS_MOD_ID}&amp;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 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 19 Июль 2016 - 05:03

Уточните пожалуйста, ваш вопрос еще актуален? Так как при удалении товара из всплывающей корзины сумма рядом с иконкой и во всплывающем окне обновляется.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных