Изменение внешнего вида кнопки корзины, при добавление в нее товара

[vitbalamut]

Здравствуйте, интересует следующие - изменить внешний вид корзины, когда в ней есть товар. Например, поменять цвет иконки.

 

Opencart 2.3.0.1

Тема стандартная.

Змінено 23 березня 2017 користувачем vitbalamut

[cloudrc]

Цвет корзины(где отображается количество товара в корзине) или цвет ссылки на корзину?

 Т.к. у Вас не очень понятно, что это за иконка

 

[vitbalamut]

просто поменять цвет иконки, когда в ней товар (как на скрине)

[vitbalamut]

cloudrc,  имею в виду цвет корзины(где отображается количество товара в корзине) - это она и есть, просто я скрыл весь текст

Змінено 23 березня 2017 користувачем vitbalamut

[cloudrc]

В ../template/common/cart.tpl находите строчку:

<button type="button" data-toggle="dropdown" data-loading-text="<?php echo $text_loading; ?>" class="btn btn-inverse btn-block btn-lg dropdown-toggle"><i class="fa fa-shopping-cart"></i> <span id="cart-total"><?php echo $text_items; ?></span></button>

Меняете на:

      <?php if ($products || $vouchers) { ?>
	  <button type="button" data-toggle="dropdown" data-loading-text="<?php echo $text_loading; ?>" class="btn btn-inverse btn-block btn-lg dropdown-toggle"><i class="fa fa-shopping-cart colorred"></i> <span id="cart-total"><?php echo $text_items; ?></span></button>
      <?php } else { ?>	  
	  <button type="button" data-toggle="dropdown" data-loading-text="<?php echo $text_loading; ?>" class="btn btn-inverse btn-block btn-lg dropdown-toggle"><i class="fa fa-shopping-cart"></i> <span id="cart-total"><?php echo $text_items; ?></span></button>	  
	  <?php } ?>

В Stylesheet.css добавьте:

.colorred {
color:red;
}

Пример не очень, но общий смысл, я думаю, понятен

[NKC]

А если В ../template/common/cart.tpl

 

<li id="cart" class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-shopping-cart n-icon"></i><span id="cart-total"><?php echo $text_items; ?></span></a>
  <ul class="dropdown-menu">
    <?php if ($products || $vouchers) { ?>
    <li>

[NKC]

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

[cloudrc]

19 часов назад, NKC сказал:

А если В ../template/common/cart.tpl

 

<li id="cart" class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-shopping-cart n-icon"></i><span id="cart-total"><?php echo $text_items; ?></span></a>
  <ul class="dropdown-menu">
    <?php if ($products || $vouchers) { ?>
    <li>

<li id="cart" class="dropdown">
  <?php if ($products || $vouchers) { ?>
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-shopping-cart n-icon colorred"></i><span id="cart-total"><?php echo $text_items; ?></span></a>
  <?php } else { ?>	 
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-shopping-cart n-icon"></i><span id="cart-total"><?php echo $text_items; ?></span></a>  
  <?php } ?>
  <ul class="dropdown-menu">
    <?php if ($products || $vouchers) { ?>
    <li>

.colorred {
color:red;
}

[NKC]

Я пытался примерно так же сделать, но видно что-то недосмотрел. Работает! Правда только после перегрузки страницы. С этим можно что нибудь сделать?