Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

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

 

32121.PNG.a14de545e2598a37720ef1a12103a845.PNG

 

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

Link to post
Share on other sites

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

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

 

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

Link to post
Share on other sites

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

 

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

 

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;">?

Link to post
Share on other sites

:huh: 

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"> с вот этой строчки вам лучше не трогать

Link to post
Share on other sites
6 минут назад, theRGD сказал:

:huh: 

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>

 

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

Edited by forumuser37
Link to post
Share on other sites

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

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

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

Link to post
Share on other sites
1 минуту назад, theRGD сказал:

:blink: ужос, так писали больше 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 и тогда получится что то похожее на то что нужно..

 

Link to post
Share on other sites

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

cart.PNG.0839e7eaa8ed7e92901aae0f100586b3.PNGcart1.PNG.621d67675eb9a7c58abe81c436d822ba.PNG

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

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.