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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...