Как изменить цвет кнопки «В корзину»

Дата последнего изменения:

Изменить цвет кнопки «В корзину», которая находится на странице товара, можно с помощью CSS-кодов. 

Эти коды нужно скопировать и добавить в свою CSS-тему в Панели управления Эквида  Дизайн.

Если у вас ещё нет CSS-темы, нажмите «Создать тему», «Новая CSS-тема» и добавьте туда код. Затем нажмите «Активировать» и сохраните. Если у вас уже есть CSS-тема, добавьте новый код прямо в неё и сохраните.

Изменить цвет кнопки «В корзину»

Перекрасим кнопку «В корзину» в зелёный цвет. Для этого в активную CSS-тему в панели управления Эквида нужно добавить CSS-код:

button.ecwid-btn.ecwid-btn--primary.ecwid-btn--addToBag {
background-color:#008080 !important; 
} 

addtocart2.png

Цвет кнопки в CSS-коде (background:#ADD8E6) взят в качестве примера. Вы можете менять его на ваше усмотрение.

 

Изменить цвет кнопки «В корзину» при наведении

Теперь перекрасим кнопку «В корзину» в серый цвет при наведении на неё. Для этого в ту же CSS-тему в панели управления Эквида нужно добавить CSS-код:

button.ecwid-btn.ecwid-btn--primary.ecwid-btn--addToBag:hover {
background-color:#DCDCDC !important; 
} 

addtocart2.png
 
Более подробно о том, как подобрать и использовать CSS-правила, написано в нашей статье: Как изменить дизайн в Эквиде.

К началу
Была ли эта статья полезной? Пользователи, считающие этот материал полезным: 7 из 14