Jump to content

1.Кнопки. 1.67 что делать?


Recommended Posts

KoVaLsKy

на примере карточки товара. смотрите.

берем метку

{$ADD_CART_BUTTON}

эта метка отвечает за вывод кнопки добавить в корзину

она уже засунута в класс, т.е Вы ее увидите как

<p class="CartContentRight">

{$ADD_CART_BUTTON}

</p>

класс можно оставить можно удалить. как угодно Вам.

все это добро засовываем как раз в id которому будем задавать стили

т.е в шаблоне templates/vamshop/module/product_info/product_info_v1.html

это все будет выглядеть как

<div id="prodact_button">

<p class="CartContentRight">

{$ADD_CART_BUTTON}

</p>

</div>

все. для того что бы задавать стили для кнопки у нас все есть.

в templates/vamshop/stylesheet.css

прописываем в самом низу

#prodact_button .button BUTTON

{

background-image: none;

margin-left: 21px;

margin-right: -10px;

font-weight: bold;

font-family: Arial;

font-size: 12px;

}

тем самым мы удалили правую часть картинки с фона. background-image: none;

вместо none можно прописать путь к другой картинке.

или прописать вместо background-image: none; вот это. background-color: #BB1919; где #BB1919 это цвет фона.

#prodact_button SPAN.button

{

margin-left: 21px;

font-family: Arial;

background-image: none;

}

этим мы удаляем левую часть картинки фона.

#prodact_button SPAN.button BUTTON

{

font-family: Arial;

color: #FFFFFF;

}

тут Мы задаем цвет текста.

т.е в итоге Вам нужно вниз

templates/vamshop/stylesheet.css

вставить

#prodact_button .button BUTTON

{

background-image: none;

margin-left: 21px;

margin-right: -10px;

font-weight: bold;

font-family: Arial;

font-size: 12px;

}

#prodact_button .button BUTTON

{

background-color: #BB1919;

}

#prodact_button SPAN.button

{

margin-left: 21px;

font-family: Arial;

background-image: none;

}

#prodact_button SPAN.button BUTTON

{

font-family: Arial;

color: #FFFFFF;

}

и кнопка будет красная, текст на ней белый.

Link to post
Share on other sites
  • 11 months later...
Александр

Всё это, конечно, новичкам будет полезно. Но вот что делать с тем, что в магазине все кнопки прописаны по разному? Только в стили определения кнопок если заглянуть, такое количество классов, тегов... и приходится делать как ты описал, чтобы каждый раз править нужную кнопку по своему.

 

ЗЫ.

Вопрос риторический :)

Link to post
Share on other sites
×
×
  • Create New...