Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Чек Вместо Корзины

Автор Brendi, 19 февр. 2014 10:11

Авторизуйтесь для ответа в теме

Сообщений в теме: 68

#61 Danil

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

Пользователи
4 645 сообщений

Отправлено 23 Июль 2016 - 09:26

Яндекс (23 Июль 2016 - 07:58) писал:

1. По коду выше меняется не фон кнопок а рамка.
2. Также не работает кнопка очистить.
3. Количество товара объединить с ценой в одном фоне (сейчас в фоне только цена)
4. Как увеличить шрифт цена и сделать жирным.

Здравствуйте.
1) В main.css найдите код

.block-cart .dropdown-cart .cart-content .actions .button {border: 1px solid #ffffff;padding: 7px 20px;margin: 0 0 10px 0;}

и замените на

.block-cart .dropdown-cart .cart-content .actions .button {border: 1px solid #ffffff;padding: 7px 20px;margin: 0 0 10px 0;background-color:#F00;}

изменяйте цвет фона #F00 на свой.
2) Кнопка очистить работает корректно, попробуйте очистить кэш браузера.
3) Пришлите, пожалуйста, скриншот с обозначенными изменениями.
4) В конец main.css добавьте

ul.cost.fnt11.fntupcase.txtalgnlft.fntarl.fleft li.only span {
	font-weight: normal;
}
ul.cost.fnt11.fntupcase.txtalgnlft.fntarl.fleft li.only {
	font-weight: bold;
	font-size:14px;
}

изменяйте размер шрифта 14x на свой.

Наверх

#62 Яндекс

Продвинутый пользователь

Пользователи
107 сообщений

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

2. Не работает. Пробывал на разных браузерах/устройствах. При наведении на кнопку "очистить" даже курсор не появляется.
Не актуально.

3. Растянуть фон как на картинке

Скрытый текст

и на будущее как вообще убрать фон, оставив его только в "итого"

4. Попробывал поставить 20 - изменений не заметил.

5. В этом списке товаров возможно ли поставить в верхнем правом углу крестик который убирал бы товар из корзины ?

Наверх

#63 Vaccina

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

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

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

В HTML найдите:

<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>

замените на:

<span class="{CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>

В main.css найдите:

span.num {
	color: red;
	font-size: 15px;
}

замените на:

span.num {
	color: red;
	font-size: 18px;
	font-weight: bold;
}

далее найдите:

.block-cart .dropdown-cart .cart-content .cart-products-list .item .remove {
	display: inline-block;
	position: absolute;
	float: none;
	left: 1px;
	top: 1px;
	z-index: 10;
}

замените на:

.block-cart .dropdown-cart .cart-content .cart-products-list .item .remove {
	position: absolute;
	right: 1px;
	top: 1px;
	display: block;
	height: 10px;
	width: 10px;
	z-index: 99;
	font: bold 14px Arial;
	color: #000;
}

В шаблоне HTML найдите:

<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove"></a>

замените на:

<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="remove">x</a>

Наверх

#64 Яндекс

Продвинутый пользователь

Пользователи
107 сообщений

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

Vaccina Спасибо большое!
Крестик у товаров появился но он неактивный, проверил на 3х браузерах: ie, хром, мозила

Наверх

#65 Vaccina

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

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

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

В main.css найдите:

.block-cart .dropdown-cart .cart-content .cart-products-list .item .remove {
		position: absolute;
		right: 1px;
		top: 1px;
		display: block;
		height: 10px;
		width: 10px;
		z-index: 99;
		font: bold 14px Arial;
		color: #000;
}

замените на:

.block-cart .dropdown-cart .cart-content .cart-products-list .item .remove {
		position: absolute;
		right: 1px;
		top: 1px;
		display: block;
		height: 10px;
		width: 10px;
		z-index: 99;
		font: bold 14px Arial;
		color: #000;
		cursor:ponter;
}

В конец main.js добавьте:

// Удаление товара из корзины
  $('.dropdown-cart').on('click', '.product-remove', function() {
	removeFromCart($(this));
  })
 
  // Удаление товара из корзины без обновлении страницы
function removeFromCart(e){
  if(confirm('Вы точно хотите удалить товар из корзины?')){
  var del = e; 
  e.parent().fadeOut().remove();
  url = del.data('href');
  quantity = del.data('count');
  $.ajax({
	cache   : false,
  url	: url,
	success: function(d){
	  var oldCount = $('.cart-count').text();
	  var oldQuantity = quantity;
	  var newCount = oldCount - oldQuantity;
	  $('.cart-count').text(newCount);
		var flag = 0;
		if(newCount != 0){
		$('#cart-sidebar li.cart-item').each(function(){
		  if(flag == 0){
			if($(this).css('display') == 'none'){
			  $(this).show();
			flag++;
			}
		  }
		})}else{
		  $('.block.mini-cart').removeClass('have-items');
		}
	  }
	})
  }
}

Наверх

#66 Яндекс

Продвинутый пользователь

Пользователи
107 сообщений

Отправлено 27 Июль 2016 - 13:39

Сделал, кеш почистил. Всёравно не работает.

Наверх

#67 Stasya

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

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

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

Яндекс (27 Июль 2016 - 13:39) писал:

Сделал, кеш почистил. Всёравно не работает.

В файле main.js найдите блок

// Удаление товара из корзины
  $('.dropdown-cart').on('click', '.product-remove', function() {
		removeFromCart($(this));
  })

  // Удаление товара из корзины без обновлении страницы
function removeFromCart(e){
  if(confirm('Вы точно хотите удалить товар из корзины?')){
  var del = e;
  e.parent().fadeOut().remove();
  url = del.data('href');
  quantity = del.data('count');
  $.ajax({
		cache   : false,
  url   : url,
		success: function(d){
		  var oldCount = $('.cart-count').text();
		  var oldQuantity = quantity;
		  var newCount = oldCount - oldQuantity;
		  $('.cart-count').text(newCount);
				var flag = 0;
				if(newCount != 0){
				$('#cart-sidebar li.cart-item').each(function(){
				  if(flag == 0){
						if($(this).css('display') == 'none'){
						  $(this).show();
						flag++;
						}
				  }
				})}else{
				  $('.block.mini-cart').removeClass('have-items');
				}
		  }
		})
  }
}

и замените его на

$(document).ready(function(){
// Удаление товара из корзины
  $('.dropdown-cart').on('click', '.remove', function() {
		removeFromCart($(this));
  })

  // Удаление товара из корзины без обновлении страницы
function removeFromCart(e){
  if(confirm('Вы точно хотите удалить товар из корзины?')){
  var del = e;
  e.parent().fadeOut().remove();
  url = del.data('href');
  quantity = del.data('count');
  $.ajax({
		cache   : false,
  url   : url,
		success: function(d){
		  var oldCount = $('.cart-count').text();
		  var oldQuantity = quantity;
		  var newCount = oldCount - oldQuantity;
		  $('.cart-count').text(newCount);
				var flag = 0;
				if(newCount != 0){
				$('#cart-sidebar li.cart-item').each(function(){
				  if(flag == 0){
						if($(this).css('display') == 'none'){
						  $(this).show();
						flag++;
						}
				  }
				})}else{
				  $('.block.mini-cart').removeClass('have-items');
				}
		  }
		})
  }
}
});

Наверх

#68 Яндекс

Продвинутый пользователь

Пользователи
107 сообщений

Отправлено 21 Август 2016 - 07:49

Здравствуйте.
1. У сопутствующих товарах шрифт пляшет, как исправить ?
2. Крестик у корзины работает но вот курсор не появляется почему-то

Прикрепленные изображения

Наверх

#69 Firefly

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

Модераторы
3 810 сообщений

Отправлено 21 Август 2016 - 17:50

Яндекс (21 Август 2016 - 07:49) писал:

Здравствуйте.
1. У сопутствующих товарах шрифт пляшет, как исправить ?
2. Крестик у корзины работает но вот курсор не появляется почему-то

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.block-cart .dropdown-cart .cart-content .cart-products-list .item .remove {
				position: absolute;
				right: 1px;
				top: 1px;
				display: block;
				height: 10px;
				width: 10px;
				z-index: 99;
				font: bold 14px Arial;
				color: #000;
				cursor:ponter;
}

Замените на:

.block-cart .dropdown-cart .cart-content .cart-products-list .item .remove {
				position: absolute;
				right: 1px;
				top: 1px;
				display: block;
				height: 10px;
				width: 10px;
				z-index: 99;
				font: bold 14px Arial;
				color: #000;
				cursor:pointer;
}

Найдите код:

ul.cost.fnt11.fntupcase.txtalgnlft.fntarl.fleft li.only {
		font-weight: bold;
		font-size:20px;
}

Замените на:

ul.cost.fnt11.fntupcase.txtalgnlft.fntarl.fleft li.only {
		font-weight: bold;
		font-size:20px;
}
ul.cost.fnt11.fntupcase.txtalgnlft.fntarl.fleft li.only span.num {font-size:20px;}