Перейти к содержанию
forumuser37

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

Рекомендуемые сообщения

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

 

32121.PNG.a14de545e2598a37720ef1a12103a845.PNG

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
10 минут назад, theRGD сказал:

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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;">?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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>

 

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

Изменено пользователем forumuser37

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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 и тогда получится что то похожее на то что нужно..

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.