atrofimov (18 Январь 2017 - 22:30) писал:
Здравствуйте! Помогите, пожалуйста, вывести сумму заказа рядом со значком корзины в шапке сайта в аккаунте SL-395059
1. По аналогии с выводом количества товаров рядом со значком корзины надо сделать еще вывод суммы корзины с обозначением рубля как в цене.
Как должно выглядеть показано в прикрепленном изображении. Область сделать овальной, как форма кнопок в шаблоне лето. По высоте такая же как область количеством товара. Если будет мешать адаптивности на мобильных устройствах, то сумму корзины можно выводить только на больших и средних экранах.
2. Цвет области с суммой корзины менять по сумме заказа. До 500 руб(миним. сумма заказа) -область рыжая(цвет информационного сообщения о пустой корзине). А при сумме заказа от 500 рублей и выше область зеленая.
3. Значок корзины выделить до наведения другим цветом. Оранжевый вместо серого.
Здравствуйте, найдите в шаблоне HTML
<div class="cart-title rhombus">
<a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину"> </i></a>
<span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
</div>
замените на
<div class="cart-title rhombus">
<a href="{CART_URL}"><i class="fa fa-shopping-cart" title="Перейти в корзину"> </i></a>
<span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
{% IFNOT cart_count_empty %} {% FOR cart_sum %}<span class="cart-sum" >{cart_sum.NOW} р.</span> {% ENDFOR %}{% ENDIF %}
</div>
далее найдите в шаблоне Быстрый заказ и в шаблоне Ajax добавление товара в корзину код
<div style="display:none;" id="newCartCount">
<a href="{CART_URL}"><i class="fa fa-shopping-cart"> </i></a>
<span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
</div>
замените на
<div style="display:none;" id="newCartCount">
<a href="{CART_URL}"><i class="fa fa-shopping-cart"> </i></a>
<span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span>
{% IFNOT cart_count_empty %} {% FOR cart_sum %}<span class="cart-sum">{cart_sum.NOW} р.</span> {% ENDFOR %}{% ENDIF %}
</div>
далее найдите в файле main.js
$('.block-cart').removeClass('have-items');
$('.cart-products-list').hide();
$('.subtotal').hide();
$('.dropdown-cart .button').hide();
$('.dropdown-cart .cart-content').prepend('<div class="cart-empty">Ваша корзина пуста</div>');
замените на
$('.block-cart').removeClass('have-items');
$('.cart-products-list').hide();
$('.subtotal').hide();
$('.dropdown-cart .button').hide();
$('.dropdown-cart .cart-content').prepend('<div class="cart-empty">Ваша корзина пуста</div>');
$('.cart-title .cart-sum').text("0");
далее найдите
$('.cart-count').text("0");
$('.block-cart').removeClass('have-items');
$('.cart-products-list').hide();
$('.subtotal').hide();
$('.dropdown-cart .button').hide();
$('.dropdown-cart').prepend('<div class="cart-content"><div class="cart-empty">Ваша корзина пуста</div></div>');
замените на
$('.cart-count').text("0");
$('.block-cart').removeClass('have-items');
$('.cart-products-list').hide();
$('.cart-title .cart-sum').text("0");
$('.subtotal').hide();
$('.dropdown-cart .button').hide();
$('.dropdown-cart').prepend('<div class="cart-content"><div class="cart-empty">Ваша корзина пуста</div></div>');
В конец файла main.css добавьте
.cart-title .cart-sum {
background: #45c425;
color: #fff;
line-height: 22px;
padding: 0 7px;
font-size: 11px;
position: absolute;
width: 53px;
top: 18px;
border-radius: 13px;
}
.block-cart.cart-page .cart-sum {display:none;}
2
