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


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


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

#61 Danil

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 Яндекс

Яндекс

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

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

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

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

3. Растянуть фон как на картинке
Скрытый текст
и на будущее как вообще убрать фон, оставив его только в "итого"

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

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

#63 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 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 Яндекс

Яндекс

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

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

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

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

#65 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 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 Яндекс

Яндекс

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

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

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

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

#67 Stasya

Stasya

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

  • Модераторы
  • 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 Яндекс

Яндекс

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

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

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

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

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

  • 2016-08-21_07-44-35.png


#69 Firefly

Firefly

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

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

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





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

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