Как правильно сверстать значок корзины

[forumuser37]

Подскажите как сверстать правильно значок корзины на default шаблоне ocstore 2.3, к примеру как у шаблона UniShop?

 

 

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

[theRGD]

написать стиль для *custom_cart_button и в header.tpl его назначить

[forumuser37]

10 минут назад, theRGD сказал:

написать стиль для *custom_cart_button и в header.tpl его назначить

 

Стиль который будет заполнять это окно? А сама функция выпадающего блока уже задействована в стилях под именем *custom_cart_button?

[forumuser37]

1 минуту назад, forumuser37 сказал:

 

Стиль который будет заполнять это окно? А сама функция выпадающего блока уже задействована в стилях под именем *custom_cart_button?

 

P.S.

в header у меня сейчас она так отображается:

<div class="col-sm-2" style="margin-top:-10px;">
	  <ul class="list-inline hidden-xs hidden-sm hidden-md" style="margin-left:1px;">
	  <h4>Корзина</h4>
      </ul>
	  <?php echo $cart; ?>
	  
	  </div>

Получается сюда <div class="col-sm-2" style="margin-top:-10px;"> добавить custom_cart_button чтобы было так <div class="col-sm-2 custom_cart_button" style="margin-top:-10px;">?

[theRGD]

 

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>

выделенное назначить свой стиль

 

<ul class="dropdown-menu pull-right"> с вот этой строчки вам лучше не трогать

[forumuser37]

6 минут назад, theRGD сказал:

 

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>

выделенное назначить свой стиль

 

<ul class="dropdown-menu pull-right"> с вот этой строчки вам лучше не трогать

 

Вместо кнопки у меня картинка корзины
<a href="/cart"><img class="leftobt" src="http://******.ru/catalog/view/theme/default/image/*******.png" height="40px"><span id="cart-total"><?php echo $text_items; ?></span></a>

 

Возможно такое, чтобы при клике на эту картинку выпадал блок, который был с кнопкой? Или может сделать как-то эту картинку в виде кнопки?

Змінено 19 жовтня 2017 користувачем forumuser37

[theRGD]

 ужос, так писали больше 20 лет назад

сперва надо в header.tpl вместо картинки <div class="col-sm-3"><?php echo $cart; ?></div> это написать

а дальше я уже писал выше чего делать.

[forumuser37]

1 минуту назад, theRGD сказал:

 ужос, так писали больше 20 лет назад

сперва надо в header.tpl вместо картинки <div class="col-sm-3"><?php echo $cart; ?></div> это написать

а дальше я уже писал выше чего делать.

 

В header.tpl у меня:

<div class="col-sm-2" style="margin-top:-10px;"> <ul class="list-inline hidden-xs hidden-sm hidden-md" style="margin-left:1px;"> <h4>Корзина</h4> </ul> <?php echo $cart; ?> </div>

А в cart.tpl у меня:

<a href="/cart"><img class="leftobt" src="http://******.ru/catalog/view/theme/default/image/*******.png" height="40px"><span id="cart-total"><?php echo $text_items; ?></span></a>

и далее <ul class="dropdown-menu pull-right">..

 

я так понял что без <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>

в cart.tpl, выпадающий блок не будет работать и придется писать стиль custom_cart_button для кнопки, в котором картинку назначать фоном как background-image и тогда получится что то похожее на то что нужно..

 

[theRGD]

button или span, но судя по всему вы не очень подружились с html и css, верните в изначальное состояние строчку в header и cart, после уже

эксперементируйте