LowTech

Как страшную кнопку сделать красивой? Прошу совета.

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

LowTech    3

Здравствуйте!

На страничке товара есть кнопка "купить", а рядом ссылка "в закладки". Мне очень хотелось привести эту ссылку в вид кнопки...

Вот, что у меня получилось.

 

0_cbc19_27718689_orig.png

 

Мне удалось сделать правую кнопку - кнопкой :), но как только я прописываю её свойства в product.tpl, и она начинает выглядеть, как мне хочется, то, при заходе на страницу, товар сразу же добавляется в закладка, срабатывает скрипт. 

 

В текущем состоянии серая кнопка добавляет в закладки, но хотелось бы кнопку в едином стиле.

 

Прошу помощи!

 

Спасибо!

 

 

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


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

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

 

вот ради примера: 

http://joxi.ru/bJ6YUxjKTJAkH2ThuHU

 

в тпл: 

код кнопки обернул в <div class="wishlist">ТУТ КОД КНОПКИ</div>

<div class="wishlist"><a onclick="addToWishList('<?php echo $product_id; ?>');"><?php echo $button_wishlist; ?></a></div>

в css

для ссылки в wishlist прописал стиль

.wishlist a{
background:#000;
padding: 4px 10px 6px 10px;
color: #fff;
font-size:14px;
border-radius: 5px;
text-decoration: none;
}

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


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

в студии. так это выглядите сейчас.

я стараюсь ничего не стирать лишнего, просто закомментировал строки

<input type="button" value="<?php echo $button_cart; ?>" id="button-cart" class="button" />
<span>  <?php echo $text_or; ?>  </span>
<input type="button" value="<?php echo $button_wishlist; ?>" <a onclick="addToWishList('<?php echo $product_id; ?>');">
<!-- <span class="links"><a onclick="addToWishList('<?php echo $product_id; ?>');"><?php echo $button_wishlist; ?></a><br /> -->
<!-- <a onclick="addToCompare('<?php echo $product_id; ?>');"><?php echo $button_compare; ?></a></span> -->

сейчас попробую последовать Вашему совету..

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


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

сейчас попробую последовать Вашему совету..

Вообще то советом я считаю: "Почистить зубы и помыть ноги перед сном"

А тут реализация того что нужно)))

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


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

Спасибо! Кнопка выглядит отлично и добавляет всё, что нужно в wishlist, только она у меня уползла на следующую строку......:(

 

0_cbc32_8a4f0ea8_orig.png

 

Вправо я её могу сдвинуть margin, а вот выстроить в одну строку не получается....

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


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

опять же решений много
1. margin-left  и  margin-top
2. inline-block

 

и т.д.  выбрать по своему желанию и усмотрению...первое проще

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


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

Pascha, спасибо Вам за помощь!

 

0_cbc33_affc0bf6_orig.png

 

После всех тщетный попыток выстроить кнопки в один рад, я подумал, что свойства "button", где-то же описаны....

 

и, просто,  добавил такую строку...  в product.tpl

<input type="button" value="<?php echo $button_wishlist; ?>" class="button" <a onclick="addToWishList('<?php echo $product_id; ?>');">

Вроде бы всё работает... Не знаю правильно ли это... Но... .

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


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

Вроде бы всё работает... Не знаю правильно ли это... Но...

и так то же правильно...я ж писал

 

 

хотя все делается по аналогии с кнопкой купить...

а пример дал простой html верстки, некоторым так проще

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


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

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

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

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

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

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

Войти

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

Войти


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

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