Как поменять цвет кнопки КУПИТЬ?

[bazet]

Как поменять цвет кнопки КУПИТЬ ? Что-то в stylesheet менял, ничего не получилось(((

[DAN]

Нужно картинку менять в /catalog/view/theme/default/image button.png и button-active.png.

[Karlik]

Как поменять цвет кнопки КУПИТЬ ? Что-то в stylesheet менял, ничего не получилось(((

я с этим тоже долго мучался. потом понял, что это картинка, а не цвет. тут нужно убрать из стилхеета пути к картинки типа background: url и заменить на background #ваш цвет; - а цвета можно в яндексе посмотреть)

[vetalss]

я с этим тоже долго мучался. потом понял, что это картинка, а не цвет. тут нужно убрать из стилхеета пути к картинки типа background: url и заменить на background #ваш цвет; - а цвета можно в яндексе посмотреть)

а можно поподробней как поменять цвет кнопки  - куда зайти и что поменять а то не могу найти((

[canntstop]

а можно поподробней как поменять цвет кнопки  - куда зайти и что поменять а то не могу найти((

Он имел ввиду файл stylesheet.css. Путь: catalog/view/default (название темы)/stylesheet.

[vetalss]

Он имел ввиду файл stylesheet.css. Путь: catalog/view/default (название темы)/stylesheet.

с файлом то понятно - вот что там именно редактировать подскажите пожалуйста)

[vetalss]

поменял цвет кнопки купить изменил background в styleshet.css - но цвет кнопки изменился везде ) как поменять только у кнопки купить?

[burr]

Присвоить кнопке Купить новый класс и для класса написать стиль.

[vetalss]

Присвоить кнопке Купить новый класс и для класса написать стиль.

можете по-подробнее написать как и где это применить?

[Lesia]

А как поменять кнопку купить на странице продукта на другую, свою. 

[2Biz]

можете по-подробнее написать как и где это применить?

Есть 2 варианта:

1) Заходите /catalog/view/theme/название темы/image в этой папке лежит файл button.png - это цвет кнопки "купить" по умолчанию и файл button-active.png - это цвет кнопки при наведении на нее мышкой. Вобщем вам нужно создать файлы формата png нужного вам цвета и назвать их аналогично button.png и button-active.png и заменить в папке на ваши.

2) Заходите /catalog/view/theme/название темы/stylesheet и открываете файл stylesheet.css в нем находите код отвечающий за цвет кнопки:

background: url('../image/button.png') repeat-x scroll left top transparent

Эту строчку полностью меняем на

background-color: #000000 (нули это код цвета, вместо них ставите вам нужный цвет)

Все коды цветов есть в яндексе.

Вот и все)) :wink:

[sidne]

подскажите, тоже хотел заменить кнопку, но что то не найду этот код : background: url('../image/button.png') repeat-x scroll left top transparent

может он как-то по другому называется ?

как посмотреть ?

[polarnik]

a.button, input.button {
cursor: pointer;
color: #FFFFFF;
line-height: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background: #000;   - это цвет кнопки
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
 }

Теперь добавляем цвет при наведении

a.button, input.button:hover {
background: #fff;
}

 

Чтобы изменилась только кнопка купить, нужно переназначить класс во всех файлах шаблона где она используется и в стайлшите тоже

[sidne]

 

a.button, input.button {

 

    border: none;

    width: auto;

    height: 27px;

    padding: 0 17px;

    background: #4D94EB;

    white-space: nowrap;

    text-align: center;

    text-transform: uppercase;

    margin: 0;

    cursor: pointer;

    color:#fff;

    display:inline-block;

    vertical-align: middle;

}

a.button {

    display: inline-block;

    text-decoration: none;

    padding-top:5px;

    height:22px;

}

a.button:hover, input.buttom:hover {

    color:#fff;

 

у меня вот так.

код цвета заменю, а вот как переназначить класс не знаю.

[polarnik]

Видимо так a.button => a.superbutton

и в шаблоне где код кнопки сделать как-то так <a class="superbutton" href="...........