Jump to content
Sign in to follow this  
bazet

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

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

  • +1 1

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites
 

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;

 

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


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
You are posting as a guest. If you have an account, please sign in.
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.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.