кнопка "купить" в сетке товаров и в новинках [РЕШЕНО]

[loveinn]

Подскажите, пожалуйста как сделать, чтобы кнопка "купить" в новинках (выводятся в правой колонке) имела свои настройки, не зависящие от основных настроек button add to cart? Получается, чтобы поставить в нужное место кнопку в сетке товаров я добавила position: relative; buttom: 20px; и в новинках вот что с ней делается:

[snastik]

добавьте свойства через вышестоящий id # но это повлияет на все модули если нужно только новинки то введите свой клас или ид

[loveinn]

а можно с примером - я пока с кодом на Вы и шепотом

[snastik]

тогда давайте ссылку на сайт

и конкретнее задачу

кнопка должна так выглядеть только в новинках ? и только в правом блоке ? или так она должна выглядеть во всех модулях и везде ?

[loveinn]

Сайт на локальном сервере пока, но я могу сделать принтскрин с фаербагом чего нужно. А выглядеть как мне нужно она должна во всех модулях и везде, так действительно логичней будет - отдельный класс для кнопки "купить" в модулях

[snastik]

ну вот что то типа такого сделать надо .box a.button ну и там стиль ему задать но какая точно у тебя конструкция я незнаю

[loveinn]

то есть достаточно это в stylesheet прописать, в теплейтах ничего делать не нужно?

[loveinn]

Вот что есть по Button

/* button */

a.button {

display: inline-block;

text-decoration: none;

cursor: pointer;

background: url('../image/button-bg.png') 0 bottom repeat-x #555555;

border-bottom:1px solid #B11116;

-webkit-border-radius:3px;

-moz-border-radius:3px;

-khtml-border-radius:3px;

border-radius:3px;

font-size:12px;

text-transform:none;

line-height:normal;

font-weight:bold;

position: relative;

bottom: 0px;

}

a.button.details {

background:url(../image/button-details-bg.png) repeat-x #e8e8e8;

border-bottom:1px solid #c2c1c1;

}

a.button.details span { color:#403f3f; }

a.button span {

color: #fff;

display: inline-block;

padding:4px 5px 4px 8px;

}

a.button.addToCart span {

background:url(../image/button-span.png) right 7px no-repeat;

padding-right:11px;

}

.common-home a.button.addToCart { float:left; margin-right:5px;}

.common-home .wishlist a.tip { margin-right:10px;}

a.button.addToCart {

padding-right:7px;

position: relative;

bottom: 20px;

}

a.button-2 {

display: inline-block;

color: #FFFFFF;

font-weight:600!important;

line-height:1.2em;

font-size: 11px;

text-transform:uppercase;

font-weight: bold;

display: inline-block;

font-family: 'Open Sans', sans-serif;

line-height:23px;

height:23px;

background: url('../image/button-right.png') top right no-repeat;

-webkit-border-radius:2px 2px 2px 2px;

-moz-border-radius:2px 2px 2px 2px;

-khtml-border-radius:2px 2px 2px 2px;

border-radius:2px 2px 2px 2px;

}

a.button-2:hover { background: url('../image/button-bg.png') 0 bottom repeat-x #596b55; border-bottom-color:#4a5947;}

a.button:hover { background: url('../image/button-bg.png') 0 top repeat-x #325268; border-bottom-color:#325266;}

a.button:hover span {

color: #fff;

}

.buttons {

overflow: auto;

padding: 6px;

margin-bottom: 20px;

}

.buttons .left {

float: left;

text-align: left;

}

.buttons .right {

float: right;

text-align: right;

}

.buttons .center {

text-align: center;

margin-left: auto;

margin-right: auto;

}

[ZyXeL]

В css делаете новый стиль кнопки, например button-n

В product/category.tpl и module/latest.tpl заменяете class="button" на class="button-n"

[loveinn]

В css делаете новый стиль кнопки, например button-n

В product/category.tpl и module/latest.tpl заменяете class="button" на class="button-n"

Спасибо! Проблема решилась )