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

[Lis]

1) При удалении кол-ва товара возникает ошибка JS. Это нормально? (фото 1))
2) Некорректно отображается иконка корзины в шапке сайта. В идеале всегда должна отображаться загруженная иконка cart.png и рядом кол-во товаров и сумма. Фактически же принимает разные формы, указанные на фото 2. В первых двух случаях помогает обновление страницы. Как это можно исправить?

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

• 
• 

[Vaccina]

В шаблоне Ajax добавление товара в корзину найдите:

<div style="display:none;" id="newCartCount">
  <a href="{CART_URL}" title="Корзина">
	<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>
  </a>
</div>

замените на:

<div style="display:none;" id="newCartCount">
  <a href="{CART_URL}" title="Корзина">
	<img src="{ASSETS_IMAGES_PATH}cart.png" alt="" title="Перейти в корзину" /><span class="cart-count">{CART_COUNT_TOTAL}</span>
  </a>
</div>

В шаблоне Корзина удалите:

onkeypress="return keyPress('0123456789')"

[Lis]

Vaccina (22 Март 2016 - 05:08) писал:

В шаблоне Ajax добавление товара в корзину найдите:

<div style="display:none;" id="newCartCount">
<a href="{CART_URL}" title="Корзина">
<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>
</a>
</div>

замените на:

<div style="display:none;" id="newCartCount">
<a href="{CART_URL}" title="Корзина">
<img src="{ASSETS_IMAGES_PATH}cart.png" alt="" title="Перейти в корзину" /><span class="cart-count">{CART_COUNT_TOTAL}</span>
</a>
</div>

В шаблоне Корзина удалите:

onkeypress="return keyPress('0123456789')"

По второму пункту ситуация исправилась только при добавлении товара в корзину.

[Firefly]

Lis (22 Март 2016 - 12:45) писал:

По второму пункту ситуация исправилась только при добавлении товара в корзину.

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

.header-middle .mycart.cart-page .cart-count{display: none;}

Замените на:

/*.header-middle .mycart.cart-page .cart-count{display: none;}*/

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

	  $('.mycart').removeClass('have-items');
	  $('.cart-count').text('0');

Замените на:

	  $('.mycart').removeClass('have-items');
	  $('.cart-count').html('<span>Ваша корзина пуста</span>');

[Lis]

Firefly (22 Март 2016 - 13:18) писал:

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

.header-middle .mycart.cart-page .cart-count{display: none;}

Замените на:

/*.header-middle .mycart.cart-page .cart-count{display: none;}*/

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

	 $('.mycart').removeClass('have-items');
	 $('.cart-count').text('0');

Замените на:

	 $('.mycart').removeClass('have-items');
	 $('.cart-count').html('<span>Ваша корзина пуста</span>');

Спасибо! Осталось еще два момента:
1) если удалить товар из корзины через выпадающий список, то после этого рядом с иконкой корзины появляется надпись "NaN". Помогает обновление страницы.
2) При нахождении на странице корзины, в шапке отображается только иконка корзины. Нужно чтобы также отображалось либо "Ваша корзина пуста" либо кол-во товаров и сумма.

[Firefly]

Lis (22 Март 2016 - 13:52) писал:

Спасибо! Осталось еще два момента:
1) если удалить товар из корзины через выпадающий список, то после этого рядом с иконкой корзины появляется надпись "NaN". Помогает обновление страницы.
2) При нахождении на странице корзины, в шапке отображается только иконка корзины. Нужно чтобы также отображалось либо "Ваша корзина пуста" либо кол-во товаров и сумма.

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

// Удаление товара из корзины без обновлении страницы
function removeFromCart(e){
if(confirm('Вы точно хотите удалить товар из корзины?')){
var del = e;
e.parent().fadeOut().remove();
url = del.data('href');
quantity = del.data('count');
$('.total-sum').animate({opacity: 0},500);
$.ajax({
cache : false,
url : url,
success: function(d){
	 var oldCount = $('.cart-count').text();
	 var oldQuantity = quantity;
	 var newCount = oldCount - oldQuantity;
	 $('.cart-count').text(newCount);
	 $('.total-sum').animate({opacity: 1},500);
	 $('.total-sum').html($(d).find('.total-sum').html());
	 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{
		 $('.mycart').removeClass('have-items');
	 }
	 }
})
}
}

Замените на:

// Удаление товара из корзины без обновлении страницы
function removeFromCart(e){
if(confirm('Вы точно хотите удалить товар из корзины?')){
var del = e;
e.parent().fadeOut().remove();
url = del.data('href');
quantity = del.data('count');
$('.total-sum').animate({opacity: 0},500);
$.ajax({
cache : false,
url : url,
success: function(d){
	 /*var oldCount = $('.cart-count').text();
	 var oldQuantity = quantity;
	 var newCount = oldCount - oldQuantity;
	 $('.cart-count').text(newCount);*/
	 $('.mycart').html($(d).find('.mycart').html());
	 if ($(d).find('.mycart').hasClass('have-items')) {
	 $('.mycart').addClass('have-items');
	 $('.total-sum').animate({opacity: 1},500);
	 $('.total-sum').html($(d).find('.total-sum').html());
	 }
	 else {
	 $('.mycart').removeClass('have-items');
	 }
	 // Удаление товара из корзины
$('.dropdown-cart').on('click', '.product-remove', function() {
removeFromCart($(this));
});
// Удаление всех товаров из корзины
$('.dropdown-cart').on('click', '.remove-products', function() {
removeFromCartAll($(this));
});
}
})
}
}

2. Для выполнения второго пункта, пожалуйста, примените первую часть инструкции в шаблоне main.css

[Lis]

Firefly (22 Март 2016 - 14:31) писал:

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


2. Для выполнения второго пункта, пожалуйста, примените первую часть инструкции в шаблоне main.css

Сделано

[Firefly]

Lis (22 Март 2016 - 15:58) писал:

Сделано

Очень странно, но не увидел у Вас изменений.
Закомментировал у Вас код на строке 189, согласно пункту инструкции:

.header-middle .mycart.cart-page .cart-count{display: none;}

Сейчас надпись у значка корзины выводится так же и при нахождении на странице самой корзины (скриншот в приложении).

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

• 

[Lis]

Все получилось. Большое спасибо!

[Ingleest]

У меня две проблемы с корзиной:
1. На контент-странице значок корзины слишком близко к тексту "Ostukorv" и не показывается количество товаров в корзине. Либо при просмотре полной корзины - иконка и текст сдвигаются друг к другу слишком близко.
2. При наведении мышки на корзину ее содержимое оказывается "за" содержанием страницы / слайдера.
3. При добавлении товара в корзину из каталога возле корзины исчезает надпись Ostukorv в то же мгновение. Такое чудо! :-)

Помогите, пожалуйста.

Сообщение отредактировал Ingleest: 27 Апрель 2016 - 11:41

[Firefly]

Ingleest (27 Апрель 2016 - 11:23) писал:

У меня две проблемы с корзиной:
1. На контент-странице значок корзины слишком близко к тексту "Ostukorv" и не показывается количество товаров в корзине.
2. При наведении мышки на корзину ее содержимое оказывается "за" содержанием страницы / слайдера.

Помогите, пожалуйста.

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

.header-tools .mycart .cart-count {	 margin-left: 5px;background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 16px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;}

Замените на:

.header-tools .mycart .cart-count {margin: 0 15px 0 5px;background: #fff;color: #3c3c3c;position: relative;display: inline-block;right: 0;top: -10px;line-height: 15px;font-size: 16px;width: 16px;height: 16px;border-radius: 50%;border: 0px;text-align: center;}

Найдите код:

.header-tools .mycart.cart-page .cart-count, .header-tools .mycompare.compare-page .compare-num {display: none;}

Замените на:

.header-tools .mycart.cart-page .cart-count, .header-tools .mycompare.compare-page .compare-num {/* display: none; */,}

[Ingleest]

Спасибо. А третий вопрос?

[Юля123]

Ingleest (27 Апрель 2016 - 11:23) писал:

У меня две проблемы с корзиной:
2. При наведении мышки на корзину ее содержимое оказывается "за" содержанием страницы / слайдера.
3. При добавлении товара в корзину из каталога возле корзины исчезает надпись Ostukorv в то же мгновение. Такое чудо! :-)

Помогите, пожалуйста.

Здравствуйте,

2) в main.css найдите код:

.header-tools {display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;float: left;position: relative;margin-left: 10px;transform: translateY(6px);}

и замените на код:

.header-tools {display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;float: left;position: relative;margin-left: 10px;}

3) в шаблоне Ajax добавление в корзину найдите код:

   <i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>

и замените на код:

   <i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span> Ostukorv

[Ingleest]

Юля123 (27 Апрель 2016 - 13:04) писал:

Здравствуйте,

2) в main.css найдите код:

.header-tools {display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;float: left;position: relative;margin-left: 10px;transform: translateY(6px);}

и замените на код:

.header-tools {display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;float: left;position: relative;margin-left: 10px;}

3) в шаблоне Ajax добавление в корзину найдите код:

<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>

и замените на код:

<i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span> Ostukorv

Спасибо!

[Ingleest]

Я бы хотел выделить цветом корзину в шапке. Т.е. чтобы это была большая кнопка, на которой иконка и надпись ostukorv. Прямоугольной формы, граница в 1px. Подскажите, пожалуйста, как это сделать.

[Firefly]

Ingleest (27 Апрель 2016 - 14:29) писал:

Я бы хотел выделить цветом корзину в шапке. Т.е. чтобы это была большая кнопка, на которой иконка и надпись ostukorv. Прямоугольной формы, граница в 1px. Подскажите, пожалуйста, как это сделать.

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

.header-tools div {
		line-height: 65px;
}

Замените на:

.header-tools > div {
		line-height: 65px;
}
.header-tools .mycart {border:1px solid #777;padding:0;line-height:60px;}
.header-tools .mycart a {display:block;}

[Ingleest]

Снова проблема с корзиной: в выпадающем списке товаров кнопки "Очистить" и "Оформить" стали просто гигантскими! Где-то ошибка?

Firefly (27 Апрель 2016 - 15:09) писал:

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

.header-tools div {
	 line-height: 65px;
}

Замените на:

.header-tools > div {
	 line-height: 65px;
}
.header-tools .mycart {border:1px solid #777;padding:0;line-height:60px;}
.header-tools .mycart a {display:block;}

Спасибо, только я бы хотел поиграть с размерами кнопки. Они где?

[Firefly]

Ingleest (27 Апрель 2016 - 15:34) писал:

Снова проблема с корзиной: в выпадающем списке товаров кнопки "Очистить" и "Оформить" стали просто гигантскими! Где-то ошибка?


Спасибо, только я бы хотел поиграть с размерами кнопки. Они где?

Внес Вам поправку в код.
Если Вы имеете в виду размер самой кнопки, то Вы можете изменять значение 0 у padding в коде:

.header-tools .mycart .tongle {border:1px solid #000000;padding:0;}

[Ingleest]

Firefly (27 Апрель 2016 - 16:01) писал:

Внес Вам поправку в код.
Если Вы имеете в виду размер самой кнопки, то Вы можете изменять значение 0 у padding в коде:

.header-tools .mycart .tongle {border:1px solid #000000;padding:0;}

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

Сообщение отредактировал Ingleest: 28 Апрель 2016 - 15:43

[Firefly]

Ingleest (28 Апрель 2016 - 15:03) писал:

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

Здравствуйте.
Создал Вам бэкап и поправил отображение кнопок.
Чтобы изменить цвет кнопок при наведении, в шаблоне main.css найдите код:

.header-tools .mycart .content .cart_block_list .bottom-action .button:hover {color: #fff;background-color: #707070;}

Измените значение кода цвета #707070 на требуемое.