Как изменить внешний вид кнопки «Перейти в каталог»

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

 

Кнопка «Перейти в каталог» появляется на странице товара, когда товар добавлен в корзину. Её можно легко поменять помощью CSS.

111.png

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

Если темы нет, просто создайте новую, добавьте туда код и нажмите «Активировать», а затем «Сохранить».

button.ecwid-btn.ecwid-btn--primary.ecwid-btn--continueShopping {
background: #4682B4;
}
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--continueShopping:focus,
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--continueShopping:focus:hover {
 border-color: #4682B4;
}
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--continueShopping:active,
button.ecwid-btn.ecwid-btn--primary.ecwid-btn--continueShopping:focus:active {
 background: #4682B4;
}

222.png

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

Изменить цвет кнопок «Перейти в каталог» при наведении

Прошлый код поменял основной цвет кнопки «Перейти в каталог», теперь поменяем цвет этой же кнопки при наведении. Для этого нужно добавить второй код в ту же CSS-тему. Выберем фиолетовый кнопки при наведении (background: #191970):

button.ecwid-btn.ecwid-btn--primary.ecwid-btn--continueShopping:hover {
background: #191970; 
}

333.png 

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