Перейти к содержанию
bazet

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

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

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

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


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

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

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


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

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

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

  • +1 1

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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


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

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

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


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

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

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

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


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

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

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


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

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

Есть 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:

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


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

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

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

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

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


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

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;
}

 

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

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


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

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;

 

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

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

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


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

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

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

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.